How to DISABLE scrollbar in webpage? (not HIDE scrollbar)

Question

using:

$('body,html').css("overflow","hidden");

the scrollbar in the page was able to hide completely. But i want the scroll bar just to be DISABLED during some AJAX event. Later using:

$('body,html').css("overflow","visible");

I had to enable scrolling again for full page in my AJAX success.

(Like removing scrollbox from scorllbar and disabling scrolling arrows) yet still scrollbar appears in th window. This would prevent from change of page width in meantime.

Is there any possibilitioes to do so? Any help is appriciated. Thanks in advance.

Answer 1

OK here is the Working Code:

body
{
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}

I used it and its the same what you want.