我们如何在使用jQuery的浏览器中禁用-不隐藏-滚动条？

Question

I would like to disable browser's scrolling when an event happens, but not remove the scrollbar ?

I would like something very similar to setting CSS's overflow:hidden to the whole document. My reason is that doing so changes the browser's width, hence I will have to re-align the body.

Answer 1

Why not just set the entire web page to align:center? No manual re-aligning, and works with any screen resolution or browser :-)

Answer 2

The best practise fix to the problem I think you're describing is this simple CSS:

html {
    overflow-y: scroll
}

That forces the vertical scrollbar to always be visible, so that the browser's width will not change "when an event happens", and you won't "have to re-align the body".