06
May

Learn how to fix jQuery UI dialog position (relative to the browser) when scrolling browser

By admin|Computer, CSS, CSS, Internet, JavaScript, jQuery

When open a jQuyery UI dialog and can scroll the browser and the dialog would change it’s position relative to the browser window, And if you want to make it stay in the same position relative to the browser, use the following css & javascript.

.dialogFixed {
    position: fixed !important;
}

$(function() {
    $( "#dialog" ).dialog({
        dialogClass: 'dialogFixed'
    });
});

This will fix jquery UI dialog position, when you scroll the browser. 🙂

Tagged as: , , ,