其他分享
首页 > 其他分享> > h5放大缩小,滑动文件

h5放大缩小,滑动文件

作者:互联网

  1. 用hammer.js放大缩小
  2. 加上以下代码可以滑动。不然设置挂载缩放事件后滑动不了
    let hand = new Hammer(_node, {
        touchAction: 'pan-x pan-y'
    });
  3. 苹果要插入以下代码,避免第二部加入touchAction后造成的问题
    document.addEventListener('gesturestart', function(event) {
        event.preventDefault();
    });

     

  4. 注意加上box-sizing:border-box,苹果如果外部标签比内部标签大,会触发橡皮筋效果,滑不动
  5. 滑动时如果有空隙感,要填满,不然会在内部生成一个滚动条,外部滑不动

标签:box,touchAction,h5,滑不动,缩小,滑动,event,pan
来源: https://www.cnblogs.com/niujie/p/14519451.html