需要幫助!
body::-webkit-scrollbar{ width: 0; }
它只在谷歌瀏覽器上作業,但在Firfox上不作業。 我怎樣才能解決這個問題,請幫助我。
uj5u.com熱心網友回復:
考慮到這個問題可能會幫助你
。 。。
<! DOCTYPE html>
<html>
<head>
<meta charset="utf-8">/span>
<title></title>
</head>
<style>
body {
scrollbar-width: none; /* For Firefox */
overflow-y: scroll;
background-color: black;
color: white;
}
body: :-webkit-scrollbar {
display: none;
}
</style>>
<body>/span>
<div align="center">
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
<p>繼續滾動</p>
</div>/span>
</body>
</html>/span>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
前綴-webkit-意味著該CSS規則適用于基于Webkit的瀏覽器,例如safari。也有很多CSS規則是針對Firefox的,但這些前綴是以-moz-開始的。
但在這種情況下,你不需要前綴。
一個簡單的scrollbar-width: thin;應該是有效的(僅適用于FF)。
查看MDN Web Docs以了解更多細節
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/320687.html
標籤:
下一篇:ExcelVBA錨定按鈕
