解决H5页面在iOS系统中滑动回弹效果(橡皮筋效果)导致的穿透问题

使用插件inobounce(但是只适用于ios系统,安卓不适用)
下载插件:

npm install inobounce -s

在需要处理的页面上添加如下代码:
vue2

<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>

vue3

import { onMounted } from "vue";
import inobounce from "inobounce";

onMounted(() => {
  let u = navigator.userAgent;
  if (u.indexOf("iPhone") > -1) {
    inobounce.enable();
  }
});

来源: https://taoquns.com/paper/107

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容