How to lock scrolling of a web page temporarily?

Question

How can I lock scrolling of a webpage temporarily when a dialog box is displayed ? I have a dialog box within which I want to enable scrolling after deactivating scrolling from the overlayed webpage.

Is there a js command to temporarily disable scrolling ?

Answer 1

EDIT Try this:

On dialog open (remove scrollbar and prevent user from scrolling):

  $('body').css({'overflow':'hidden'});
  $(document).bind('scroll',function () { 
       window.scrollTo(0,0); 
  });

On Dialog Close(allow user to scroll again):

 $(document).unbind('scroll'); 
  $('body').css({'overflow':'visible'});