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>

巴特西

ios滑动回弹效果导致的穿透问题

最新文章

热门文章