I want to be able to scroll through the whole page, but without the scrollbar being shown.
I need to compatible for all browsers.
::-webkit-scrollbar {
display: none;
}
$ offer bounty
share
add comment
1 Answer
According to W3Schools, not all browsers support custom scrollbars. This means that you will have to approach the this a different way…
The only other way that I can actually think of to hide the scrollbar while still being able to scroll is to make the element have a width larger than the display size. So do something like this:
#[elements id] {
width: calc(100% + [scrollbar width])
}
If I find another way I will let you know, but for now… that is possibly the only way…
share
add comment
Your Answer
| asked | |
| viewed | 6 |
Related
- 1How to scroll to bottom of div?
- 3Requires Babel “7.0.0-0” but was loaded with “6.26.3”
- 2Scroll to the top of the page using JavaScript?
- 1Is it possible to make Git “forget” about a file that was tracked but is now in .gitignore?
- 2Remove youtube embed video "More videos" bar when pause
- 1How can I add an image in the title bar using HTML?
- 0JSP File being downloaded instead of executing
- 0Pointless if-else and do-while in
- 0How to hide container div title when hovering inner elements?
- 0How do I scale specific points while leaving other points alone?
- 1z-index issue while transforming after pseudo-element with transition