[英]How can I make the scrollbar transparent?
我想要的是滾動條是疊加的且透明的,因此滾動條后面的元素將通過顯示出來。
這就是我希望滾動條的外觀。
我嘗試了上述問題中的所有代碼,但失敗了。
我當前的CSS是這個。
::-webkit-scrollbar {
width: 10px;
background: transparent url('../../assets/transparentPNG.png') repeat !important;
}
::-webkit-scrollbar-track {
background: transparent url('../../assets/transparentPNG.png') repeat !important;
}
::-webkit-scrollbar-track-piece:start {
background: transparent url('../../assets/transparentPNG.png') repeat !important;
}
::-webkit-scrollbar-track-piece:end {
background: transparent url('../../assets/transparentPNG.png') repeat !important;
}
::-webkit-scrollbar-thumb {
background-color: rgba(67, 62, 78, 0.1);
opacity: 0.1;
}
::-webkit-scrollbar-button {
display: none;
}
::-webkit-scrollbar-corner {
display: none;
}
如果您只想隱藏滾動條,這是一個簡單的解決方法:
HTML :
<div>
...Lots of text
</div>
CSS :
div::-webkit-scrollbar { width: 0 }
div {
overflow: -moz-scrollbars-none; /* Firefox */
-ms-overflow-style: none; /* IE */
}
嘗試使用它對我有用。
::-webkit-scrollbar { display: none; }
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.