目前使用了以下的方式隱藏垂直滾動條~但ios蘋果手機無法隱藏~~安卓手機和開發(fā)者工具是可以顯示隱藏的~~這個方式橫向滾動的scroll-view滾動條均可以隱藏~~
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
網(wǎng)友回復:
一個簡單的辦法:子元素可滾動,寬度比視窗寬度略寬,右邊有 padding。然后父元素限制橫向滾動,寬度為視窗寬度,overflow hidden。
相當于手動把滾動條從視窗內(nèi)移出去 -_-
我試了~解決了我的困擾~~非常感謝
現(xiàn)在似乎一般都是默認不顯示滾動條,當滾動的時候才會顯示,手指離開后隱藏;我這邊的需求是要一直顯示滾動條,也是用css控制:
```
::-webkit-scrollbar {
width: 6rpx;
height: 6rpx;
}
::-webkit-scrollbar-thumb:vertical {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 3rpx;
}
```
模擬器和安卓都可以正常顯示,但ios不顯示,不知道有什么方法可以讓一直顯示?
已找到解決方法,需要顯示滾動條的元素增加以下屬性:
-webkit-overflow-scrolling: auto;
感謝此文章:https://www.chengrang.com/ios-scrollbar.html
-webkit-overflow-scrolling屬性是定義是否使用回彈效果;默認值是auto;當-webkit-overflow-scrolling設置為touch時,ios會有回彈效果,但是,此時對于滾動條設置的所有樣式就會失效,瀏覽器會使用系統(tǒng)默認的樣式以及默認滾動條不顯示