1.问题描述
移动端横向图片浏览、文字滑动(CSS实现)
通过使用overflow-x:auto;实现滑动。但是滑动条在移动端会一直存在
2.解决原理
1.给整个滑动标签,加上一个外边框,css加上overflow:hidden。
把滑动部分的高度超过外边框的高度,滑动条就会被隐藏掉。
2.使用::webkit-scrollbar
.overflow-scroll{
overflow-y: scroll;
}
.overflow-scroll::-webkit-scrollbar {
display:none
}