隐藏滚动条,但仍然可以在Firefox上滚动
我的页面上隐藏了滚动条,但我仍然希望能够滚动。
我知道我可以使用
::-webkit-scrollbar {
display:none;
}
,但它显然不适用于Firefox或其他非Webkit浏览器。
我已经阅读了很多线索,解释了我该如何实现这一目标,但是我不能让它起作用。
有人可以帮我弄这个吗?
网站:http://test.6f.sk/
html {
overflow: -moz-scrollbars-none;
}
或者你想禁用滚动条的任何其他元素
我所知道的最佳答案是将滚动条放在视图外面:
.crop {
width: 300px;
overflow-x: hidden;
}
.scroller {
width: 300px;
height: 200px;
overflow-y: scroll;
/* Must be ≥ scrollbar width. Scrollbar width varies by
* browser, OS, and config, so don't be precise, choose
* something wider than any scrollbar.
*/
padding-right: 50px;
}
<div class="crop">
<div class="scroller">
1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>
11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>
</div>
</div>
链接地址: http://www.djcxy.com/p/88119.html