CSS設置內容超出寬度時,可以橫向滾動,並且隱藏滾動條


1.當一個塊級元素的內容在水平方向發生溢出時,
overflow-x決定應該截斷溢出內容,或者顯示滾動條,或者直接顯示溢出內容。

2.-webkit-overflow-scrolling屬性控制元素在移動設備上是否使用滾動回彈效果。

合法值:auto | touch

auto:使用普通滾動,當手指從觸摸屏上移開,滾動會立即停止

touch:使用具有回彈效果的滾動, 當手指從觸摸屏上移開,內容會繼續保持一段時間的滾動效果。

例子:

/* 超出部分滾動 */
/* 設置父元素 */
ul {
  overflow-x: auto;
  display: -webkit-box;
  -webkit-overflow-scrolling: touch;
  margin: 0.5rem 0.5rem
}

/* 隱藏滾動條 */
ul::-webkit-scrollbar {
  display: none;
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM