css 滾動條隱藏 ios解決辦法

2021-09-24 16:25:37 字數 606 閱讀 8795

overflow-x: scroll;  // 設定滾動

-webkit-overflow-scrolling: touch; //讓滾動更流暢,其實就是滾動有延緩,不設定只要手指離開就立刻停止,感覺體驗商是一種不流暢

上面只要加了-webkit-overflow-scrolling: touch就會出現滾動條,如果只是pc或安卓那恭喜你新增下面**完美解決

/*html5 元素超出部分滾動, 並隱藏滾動條*/

::-webkit-scrollbar

-webkit-scrollbar是可以自定義樣式的,但在ios就是個廢柴

如何設定看這裡

ios解決辦法有兩種

1、設定高度來隱藏

在滾動條外圍再次包裹一層 overflow-x: hidden; 設定高度比內層小一丟丟就行了!**就不上了……

2、設定邊距來隱藏,因為我的li都有陰影 所以選擇這種方式,要不然陰影也被整沒來!

ul

CSS 隱藏滾動條

hello無論如何我都想 hello無論如何我都想 hello無論如何我都想要 hello無論如何我都想 hello無論如何我都想要對 hello無論如何我都想 hello無論如何我都想要對你 hello無論如何我都想要對你 hello無論如何我都想 hello無論如何我都想要對你 hello無論如...

CSS隱藏滾動條

移動端瀏覽器將頁面的滾動條自動隱藏,同時又保證頁面可以滾動,使用者可以手動上下翻。pc端瀏覽器不會將頁面的滾動條自動隱藏,在出現橫向滾動條時候有可能會覆蓋內容,直接隱藏橫向滾動條會導致無法橫向滾動。如何做到既隱藏滾動條,又可以橫向滾動?設想是不是可以隱藏了滾動條的大部分,留下一小部分,用來滾動檢視內...

css 隱藏滾動條

如何隱藏滾動條,同時仍然可以在任何元素上滾動?首先,如果需要隱藏滾動條並在內容溢位時顯示滾動條,只需要設定overflow auto樣式即可。想要完全隱藏滾動條只需設定overflow hidden即可,但是這樣一來將導致元素內容不可滾動。時至今日,還沒有任何一條css規則可以使元素可以隱藏滾動條的...