ios 移动端 css 去除滚动条

2,243 阅读1分钟

问题描述: 已经设置: .selector::-webkit-scrollbar { display: none }

在浏览器上面横向滚动条已经消除,安卓上面也消失了,但是ios上面仍然有

解决办法: 原理:ios无法直接让滚动条隐藏::-webkit-scrollbar {display: none;}是没有用的,所以我的思路就是让滚动条离远点超出父元素的范围,在通过隐藏父元素的超出部分让滚动条消失。由于子元素的高度大于父元素的高度,超过父元素的高度的内容被剪裁。因此,子元素的滚动条就被剪裁掉了

代码实现:

Document
1 2 3 4 4 6 7 8 9

———————————————— 版权声明:本文为CSDN博主「HainesFreeman」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。 原文链接:blog.csdn.net/weixin_4182…