我已经尝试了几乎所有我见过的方法,但仍然无法正常工作。我如何删除滚动条但能够滚动?
<head>
<style>
body{
background-size: 100% 100%;
font-smooth: never;
-webkit-font-smoothing : none;
text-shadow: none;
word-wrap: break-word;
padding: 0;
line-height:12.000000*1.1px;
font-size:12.000000px;
font-family:Arial;
font-color:#FFFFFF;
font-weight: bold;
width:90%;
height:90%;
}
</style>
</head>
最佳答案
从技术上讲,你不能。但是,您可以设置所有滚动条组件的样式,使其对主体有效不可见:
::-webkit-scrollbar{background-color:#fff;color:#fff;width:0;height:0}
::-webkit-scrollbar-button{background-color:#fff;color:#fff;width:0;height:0}
::-webkit-scrollbar-track{background-color:#fff;color:#fff;width:0;height:0}
::-webkit-scrollbar-track-piece{background-color:#fff;color:#fff;width:0;height:0}
::-webkit-scrollbar-thumb{background-color:#fff;color:#fff;width:0;height:0}
::-webkit-scrollbar-corner{background-color:#fff;color:#fff;width:0;height:0}
::-webkit-resizer{background-color:#fff;color:#fff;width:0;height:0}}
这将适用于 webkit 浏览器。
关于css - 如何删除滚动条并允许滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38172560/