ios滑動回彈效果導致的穿透問題

1 給樣式中去除掉下面的css樣式

-webkit-overflow-scrolling:touch;/* 當手指從觸摸屏上移開，會保持一段時間的滾動 */
-webkit-overflow-scrolling:auto;/* 當手指從觸摸屏上移開，滾動會立即停止 */

也就是：

*{
    -webkit-overflow-scrolling:auto !important;
}

2 使用插件

方法二：可以使用插件inobounce（但是只適用於ios系統，安卓不適用）
官網：https://github.com/lazd/iNoBounce

在vue中：
//先下載npm install inobounce -s
//然后在script中：

<script>
import inobounce from 'inobounce'
export default {
  data() {
    return {  }
  },
  mounted() { },
  created() {
    let u = navigator.userAgent
    if (u.indexOf('iPhone') > -1) {
      inobounce.enable()
    }
  },
  beforeDestroy() {
    inobounce.disable()
  },
  methods: { }
}
</script>