CSS Overflow Hidden在iPhone & Safari不起作用 (实用)

本文探讨了在iPhone和Safari浏览器中overflowhidden属性不起作用的问题,并提供了两种解决方案:一是通过设置body元素的position为relative;二是将其设置为fixed。实践证明,仅使用position:relative即可有效解决问题。

原文出处:https://blog.youkuaiyun.com/u010394015/article/details/51097629

overflow hidden在iPhone和Safari上不起作用!其他浏览器和手机都可以,唯独iPhone和Safari不行

方法一:
网上找到的一种方法,在body上添加下面的CSS:
body {
    position:relative;
    overflow-y:hidden;
}

方法一:
同样是在网上找到的方法,和第一种方法大同小异,在body中添加下面的CSS:
body {
    position:fixed;
    overflow-y:hidden;
}

【结论】
其实只将 position:relative;  就OK了

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值