Question

I have a page where when we click a button a Jquery dialog box is called using JQuery. But when it is shown the Window scroll bar is shown in all browsers. How can we avoid this?
Can we avoid this uising JQuery? Or is it is better to fix by CSS?.

Answer 1

css

.hidescrolls {
  overflow:hidden;
}

JQ

...click(function (){
   // show dialog();
   $('body,html').addClass('hidescrolls');
});

make sure you use the $('body,html').removeClass('hidescrolls'); on dialog close/hide