Question

Is there a simple way to “stick” a jQuery UI dialog to the side of the browser window so on window resize, the dialog remains stuck?

Answer 1

To set the relative location (say, 50%), you’d use something like this:

$(window).resize(function() {
    var divTop= ((document.body.scrollHeight/2)-$(mydiv).height()/2)
    $(mydiv).css({top: divTop; left: 0});
});

You’d drop code like that into the onLoad or onReady functions of your page.

For more info, check out the jQuery Documentation on .resize() and event handlers in general.