在移动端设置overflow:hidden,无效？

最新推荐文章于 2023-09-07 18:03:04 发布

JillYu

最新推荐文章于 2023-09-07 18:03:04 发布

阅读量1.2k

点赞数

分类专栏： HTML css 文章标签： overflow h5移动端

本文链接：https://blog.csdn.net/Jill6693484/article/details/59057813

版权

1 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

哈？出现这个问题就是编码姿势不对啦。。。

因为移动端是基于touch事件的，你若是将overflow:hidden用在了body上

body{
    overflow: hidden;
}

是不管用的。解决办法：
在需要隐藏滚动的内容上包裹一层div，然后给这个div设置overflow:hidden，就可以了，如下

//HTML
<body>
    <div class="hidDiv">
        <section class="wrap">隐藏滚动的内容</section>
    </div>
</body>

//CSS
html {
    width: 100%;
    height: 100%;
}
.hidDiv{
    width:100%;
    height:100%;
    overflow: hidden!important;
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注