ansaurus

Question

JQuery UI dialog - Outer window scrolls while scrolling inside the dialog

Answer 1

+1 A:

Something like this might work... (This is untested)

<script type="text/javascript" language="Javascript">

var stop_scroll = false ;

function scrolltop(){
    if(stop_scroll ==true){
        scroll(0,0) ;
// or window.scrollTo(0,0); 
    }
}

</script>

In your Body Tag

<body onscroll="scrolltop();" >

Last Set stop_scroll to true when you open the dialogue and false when you close it.

Brandon Boone 2010-08-03 15:40:44

Thanks. Let me give it a try.

NLV 2010-08-03 17:59:43

Thank you. It is working great. But Scroll(0,0) is giving a jumpy and flickering behavior. Can't i call something like preventDefault() and cancel the event?

NLV 2010-08-04 07:09:58

I don't think you can (someone can correct me if I'm wrong). I believe the event is only called when the scroll has started, not before it happens. That is why we are moving the scroll position back to (0,0). It already moved before we entered our event. Glad you found it useful though.

Brandon Boone 2010-08-04 12:58:22

Answer 2

A:

I know this is a little late in the game but this is what I use:

$('#dialog').dialog({
    autoOpen: false,
    width: 800,
    height: 550,
    minHeight: 500,
    maxHeight: 800,
    minWidth: 500,
    maxWidth: 900,
    modal: true,
    buttons: {
        "Cancel": function () {
            $(this).dialog("close");
        }
    },
    open: function(){
        $("body").css("overflow", "hidden");
    },
    close: function(){
        $("body").css("overflow", "auto");
    }
});

gurun8 2010-09-16 16:17:59

Yep. This works. This is exactly what i did.

NLV 2010-09-17 07:08:21

ansaurus

tags:

views:

answers:

JQuery UI dialog - Outer window scrolls while scrolling inside the dialog

related questions