html5页面在ios系统上滑动到底部会有白边

Posted 2023-05-12

参考技术A 找到其中的meta，加入viewport-fit=cover

<meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=cover">

这句话的作用就是在适配手机型号的时候，能够自动补齐安全区域（safe area）以后的区域，这样我们下拉的时候，就不会漏出去了

解决ios手机页面overflow scroll滑动很卡的问题

解决ios手机页面overflow scroll滑动很卡的问题

今天在IOS系统上测试 webAPP
App的时候发现使用了position:fixed/absolute时，DIV容器里面下滑动没有像普通页面一样顺畅，手滑到哪就停到哪。感觉很卡一样，而安卓效果正常，算是一个bug。终于在网上找到了一个解决方法。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

-webkit-overflow-scrolling:touch;

 

加上去后果然有用，也就是说DIV容器使用的定位属性引起的。当时效果是弹出一个层，body无滚动条，但是弹出层需要可以上下滑动。如果你也碰到了这个问题希望可以用这一句css代码帮到你！

 

很神奇！！！