微信公众号ios端，滚动条不隐藏解决办法其中之一

vue版本的项目，横着的算是swiper吧，上个图先瞅瞅

就是它，在android上一丁点问题没有，滚动条？都不出来，放到ios上就是这么个玩意儿
且看解决思路：
现在这个样式先不动（称A盒子），在外面再套一层盒子（称B盒子），给外面的overflow设置hidden;
然后将 A盒子给个margin-bottom:100px;将滚动条挤下去，再给个margin-bottom:-100px;利用外边距将外面的盒子提上来，让B盒子挡住滚动条，这样就很好的解决了这个BUG，也不用担心什么 scrollbar 失效的问题了

上代码：

.vip-processing-type-box{
    overflow:hidden;
    padding: 60px;
    .vip-processing-type {
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling:touch;
        padding-bottom:100px;
        margin-bottom:-100px;
        //.other{***}
    }
}

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/qq_38652871/article/details/103148472
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-06-27 22:05:46
阅读 ( 1246 )
分类：

微信公众号ios端，滚动条不隐藏解决办法其中之一

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看