h5页面在ios端页面上拉加载是触发webview的拖拽问题

背景：下拉加载使用mui

思路：无法限制ios的webview，那我们就想办法区分：这个滑动是不是我们想要的滑动

实现：

添加监听，进行区分

<script>

  document.body.addEventListener('touchmove', function(e) {

    if(e._isScroller) return;

    e.preventDefault();

  }, {

    passive: false

  });

</script>

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

推荐阅读更多精彩内容

  • 移动端2
    _________________________________________________________...
    fastwe阅读 5,086评论 0赞 0
  • H5移动端常见问题及解决方案
    H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构 // width 设置viewp...
    tiandashu阅读 16,800评论 0赞 9
  • Mobile Web Favorites
    Mobile Web Favorites 参与贡献 移动前端开发收藏夹，欢迎使用Issues以及 Pull Req...
    柴东啊阅读 4,227评论 0赞 2
  • 移动端H5项目常见问题汇总及解决方案
    继最近写移动端H5项目不断踩坑之后，决定找一些对自己后续开发有帮助的大总结博客来看看，但是个人很懒，所以将浏览过的...
    陈大冲阅读 6,904评论 0赞 8
  • 特殊的体育课
    今天下午第一节课是体育课，我们满怀期待地盼着体育老师走进教室，谁知体育老师走进来说了一句出乎我们意料的话：“...
    万彬浩阅读 2,744评论 0赞 6