Deactivate body scrolling but hold the scroll bar

Question

How to disable the body scroll bar, but let it remain visible on the screen? See Facebook mode for an example:

Answer 1

This is the only CSS you can use to create scrollbars:

 html{ overflow-y: scroll; } 

Scroll bars will be disabled if the content is smaller than the window, so you will have to use some script to resize the body at least 1px less than the height of the window:

 $("body").css({ "height" : ($(window).height() - 1) + 'px', "overflow": "hidden" }); 

Answer 2

 overflow-y: scroll; 

This should be what you are looking for.