Is there any way to hide/disable the browsers default vertical scroll bar but should be scrollable with mouse wheel in full screen view

Question

is there any way to hide/disable the browsers default vertical scroll bar but should be scrollable with mouse wheel in full screen view (When hitting F11 key). I tried overflow:hidden css attribute in body and html tag and i can hide/disable the scroll bar. but the content is not vertically scrollable too with mouse wheel. I want it to be scrollable with mouse wheel roling but no need of displaying the vertical bar when switching to full screen view. Any solution for this requirement? please help. Thanks in advance.

Answer 1

This will get you started. Basically, you'll need to capture the mouse events in javascript and manually scroll the div in order to do what you want.

Answer 2

It can be achieved using css without javascript... there is property body::-webkit-scrollbar make its width to 0 ... Kindly check the following fiddle : https://jsfiddle.net/u6egeL2L/1/

just add:
CSS

body::-webkit-scrollbar {
    width: 0em;

}