隐藏滚动条,但仍可以滚动 - Hide scroll bar, but while still being able to scroll

2020/04/13 03:04
阅读数 16

问题:

I want to be able to scroll through the whole page, but without the scrollbar being shown. 我希望能够滚动浏览整个页面,但不显示滚动条。

In Google Chrome it's: 在Google Chrome浏览器中:

::-webkit-scrollbar {
    display: none;
}

But Mozilla Firefox and Internet Explorer don't seem to work like that. 但是Mozilla Firefox和Internet Explorer似乎无法正常工作。

I also tried this in CSS: 我也在CSS中尝试过:

overflow: hidden;

That does hide the scrollbar, but I can't scroll any more. 那确实隐藏了滚动条,但是我不能再滚动了。

Is there a way I can remove the scrollbar while still being able to scroll the whole page? 有什么办法可以删除滚动条,同时仍然可以滚动整个页面?

With just CSS or HTML, please. 请仅使用CSS或HTML。


解决方案:

参考一: https://stackoom.com/question/17wrz/隐藏滚动条-但仍可以滚动
参考二: https://oldbug.net/q/17wrz/Hide-scroll-bar-but-while-still-being-able-to-scroll
展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部