移动端overflow-x去掉滑动条

1.问题描述

移动端横向图片浏览、文字滑动(CSS实现)

通过使用overflow-x:auto;实现滑动。但是滑动条在移动端会一直存在

 

2.解决原理

1.给整个滑动标签，加上一个外边框,css加上overflow：hidden。

把滑动部分的高度超过外边框的高度，滑动条就会被隐藏掉。

2.使用::webkit-scrollbar

.overflow-scroll{

    overflow-y: scroll;

}

.overflow-scroll::-webkit-scrollbar {

    display:none

}