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;
}