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

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

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

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

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

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

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

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

posted @ 2019-12-12 10:06  超哥20  阅读(1502)  评论(0编辑  收藏  举报