终于解决ios上页面滑动拉屏的问题

Posted 超哥20

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了终于解决ios上页面滑动拉屏的问题相关的知识,希望对你有一定的参考价值。

看了网上很多资料,说是-webkit-overflow-scrolling: touch;这个属性引起的问题。可是这个如果没有加的话,ios上面滑动又会卡顿。

所以最后还是用了这个,一开始没有找到好的办法解决这个问题。然后想借鉴淘宝的,可是好像又看不到什么东西。所以就自己的各种尝试。

终于。。。。。。。。把他给解决了。

因为项目是用vue写的,所以这个滑动的属性一直是加在一个公共的类上面的。

然后昨天尝试的时候,把这个东西放在body上面,结果神奇的发现,居然可以了

body,
html {
    height: 100%;
}
body{
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

纠结了很久的问题,终于解决了

以上是关于终于解决ios上页面滑动拉屏的问题的主要内容,如果未能解决你的问题,请参考以下文章

解决页面使用overflow: scroll,overflow-y:hidden在iOS上滑动卡顿的问题

在ios上滑动静态页面卡顿怎么解决

解决iOS与pad里ifram无法滑动问题

我的片段中有 webview,当滑动 webview 时, viewPager 也开始滑动

解决ios移动端,滑动回弹效果遮挡页面顶部和底部Fixed元素的问题

解决iOS 底部fixed后 页面滑动后无法点击的问题