CSS Overflow Hidden在iPhone & Safari不起作用
2015-12-29
CSS  / 已有2316人围观

    最近在忙调试前端CSS的工作,中间遇到一个奇葩的问题:overflow hidden在iPhone和Safari上不起作用!其他浏览器和手机都可以,唯独iPhone和Safari不行!幸好后面找到了方法,记录如下。


    方法一:


    网上找到的一种方法,在body上添加下面的CSS:

body {
    position:relative;
    overflow-y:hidden;
}

    但是这种方法对我的情况不起作用。。我是在iOS 9上测试的,页面还是照样可以滑动。。


    方法二:


    同样是在网上找到的方法,和第一种方法大同小异,在body中添加下面的CSS:

body {
    position:fixed;
    overflow-y:hidden;
}

    这种方法在我的测试中是work的,但是可能会导致页面布局改变。。


Over!

本文地址:http://xianglong.me/article/css-overflow-hidden-does-not-work-on-iphone-safari/

特别声明:本站文章,如非注明,皆为降龙原创。转载需注明本文链接并保证链接可用。