Question

I have been googlgling around and it seems I don’t get any answer :/

I’d like to know how can I make sure that the dialog title will “stick” to the top of the document even if I’ve scrolled down in the main page?

I tried the option “position” top, bottom but with no luck.

Thanks for answering!

Answer 1

Finally I come up with the solution:

Using the “open” event to trigger the window.scrollBy(0,window.innerHeight – dialogHeight);

$("#open").click(function (){
        $("#dialog").dialog({
            open:function(){
                window.scrollBy(0,window.innerHeight - 850);

            },
            modal:true,
            width:850,
            height:850
        });
    });

This will ensure the title of the dialog will be shown at first rather than the bottom part.