如何删除滚动条并允许滚动？

我已经尝试了几乎所有我见过的东西，但它仍然无法正常工作。我将如何删除滚动条，但能够滚动？如何删除滚动条并允许滚动？

<head> 
 
<style> 
 

 
body{ 
 
\t background-size: 100% 100%; 
 
\t font-smooth: never; 
 
\t -webkit-font-smoothing : none; 
 
\t text-shadow: none; 
 
\t word-wrap: break-word; 
 
\t padding: 0; 
 
\t line-height:12.000000*1.1px; 
 
\t font-size:12.000000px; 
 
\t font-family:Arial; 
 
\t font-color:#FFFFFF; 
 
\t font-weight: bold; 
 
\t width:90%; 
 
\t height:90%; 
 
\t } 
 
</style> 
 

 
</head>

来源

2016-07-03 Matsumoto

你不能在技术上。但是，您可以样式的所有滚动条组件是身体有效无形：

::-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浏览器工作。

来源

2016-07-03 17:37:16 Emily

是否有理由不只是说'body :: - webkit-scrollbar {display：none; ''？ – LarsW

看起来像现在在Chrome中的作品 - 有趣。我知道旧版本的webkit不尊重显示器：滚动条选择器上没有显示器。这将是最具跨浏览器兼容性的方法。 – Emily

如何删除滚动条并允许滚动？

回答

相关问题