收藏
回答

如何禁止苹果手机弹性下拉 或 上滑,

在使用cropper裁剪的时候,苹果手机上,上下滑动页面还是会跟着滑动,已经设置了

"enablePullDownRefresh": false,

"disableScroll":true 依然会跟着下拉和上滑,请教一下你们如何才能让苹果手机没有橡皮筋下拉上滑效果


回答关注问题邀请回答
收藏

2 个回答

  • 小程序商城定制开发2600元全包
    小程序商城定制开发2600元全包
    06-06

    一种方法:

    html头部添加

    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
    
    

    然后将页面body的高度设为window的高度

     $("body").height( $(window).height() );
    
    

    其他方法

    页面高度超过设备可见高度时,阻止掉touchmove事件。

    document.body.addEventListener('touchmove', function (event) {
        event.preventDefault();
    }, false);
    


    06-06
    有用 1
    回复
  • Stephen
    Stephen
    2019-04-03

    position: fixed

    2019-04-03
    有用
    回复 3
    • 义小拳
      义小拳
      2019-04-03

      我知道什么原因了,上面的条件加上canvse属性disable-scroll设置为False就可以了

      disable-scrollBooleanfalse当在 canvas 中移动时且有绑定手势事件时,禁止屏幕滚动以及下拉刷新


      2019-04-03
      回复
    • 剑心
      剑心
      2019-07-20回复义小拳
      请问这么解决这个问题?画布跟着动
      2019-07-20
      回复
    • 义小拳
      义小拳
      2019-07-29回复剑心
      我就是用了上面上面的方法解决的
      2019-07-29
      回复
登录 后发表内容