问题描述
页面出现滚动条,设置滚动条宽高为0,滚动条透明,微信开发工具测试无滚动条,但是ios测试有滚动条,初始代码如下。
.container_center::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
解决方法
设置滚动条不在页面上显示,设置滚动条的宽高为0并使用“ !important ”提高样式的优先级,然后再移除滚动条的默认外观,并设置滚动条的背景为透明
::-webkit-scrollbar{
display: none;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;//移除滚动条的默认外观
background: transparent;//设置滚动条的背景为透明
}
记录一下。。。。。。。。。。