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. 滑动时如果有空隙感,要填满,不然会在内部生成一个滚动条,外部滑不动
原文地址:https://www.cnblogs.com/niujie/p/14519451.html