如何刪除滾動條並允許滾動？

我已經嘗試了幾乎所有我見過的東西，但它仍然無法正常工作。我將如何刪除滾動條，但能夠滾動？如何刪除滾動條並允許滾動？

<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

如何刪除滾動條並允許滾動？

回答

相關問題