如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题?

上述问题在Android端没有问题,只是在iphone中出来的。
图片中底部导航元素和扫码图标都是用position:fixed定位的,打开页面滑动到底部,继续向上滑动时,浏览器的背景就被带着向上滚动,并且会覆盖上面说的固定定位的元素。不知道大家有没有遇到过。。。
如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题?_第1张图片
如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题?_第2张图片
如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题?_第3张图片
如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题?_第4张图片

我在网上搜索问题的时候看到了这个问题,自己也遇到了同样的问题,找了一天,(本人菜鸟一只)。原来我html{overflow-x:hidden;}加了这个,去掉就可以了~删除html{overflow-x:hidden;}

你可能感兴趣的:(个人日记)