mac 左右滚动误触返回

55 阅读1分钟

const element = document.getElementsByClassName('container')[0];
  element.addEventListener('mousewheel', function(event) {
  // 滚动到右边的最大宽度
  var maxX = this.scrollWidth - this.offsetWidth;

  // 如果这个事件看起来要滚动到元素的边界之外,要阻止它
  // 其中一个是滚动到最左边,一个是滚动到最右边
  if (this.scrollLeft + event.deltaX < 0 || 
    this.scrollLeft + event.deltaX > maxX) {
    // 阻止事件
    event.preventDefault();
  }
}, false);

html,body {
overscroll-behavior-x: none;
}