终于解决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上滑动卡顿的问题
我的片段中有 webview,当滑动 webview 时, viewPager 也开始滑动