How to hide the scroll bar while the content is scrollable?
There is an iframe, where the content in it is scrollable, however, since the iframe is inside body and there are two vertical slide bar, I would like to hide the iframe one.
<iframe id="pillar_frame" src="/hongkong/pick_a_class/main" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe>
Since there is no scrollbar, I would like to :
- Can scroll by mouse wheel
- Can scroll on mobile / tablet
How can hide the bar while maintain the scroll function using JS/ Jquery stuff? Thanks a lot