Disabling only scroll-bar feature

Question

I want to disable scroll-bar functionality for chrome and don't want to hide the scroll-bar by giving overflow:hidden . The scroll-bar should be visible

I want something like this: http://prntscr.com/ai5y9k

Any help would be great!!

Answer 1

use overflow: auto

that will display a scroll bar only when necessary (ie the content is higer than the window)

Answer 2

Closest you will get to, is to enforce the body to be no larger than the window then tell the scroll bar to always be present.

body { 
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  overflow:scroll;}