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

Posted 2021-03-23 超哥20

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

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

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

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

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

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

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