当图片宽度超过视窗宽度时，如何禁用水平滚动？

body {
  overflow-x: hidden;
}

#your-element {
  overflow-x: hidden;
}

// 禁用水平滚动
function disableHorizontalScroll() {
  // 获取当前滚动位置
  var scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
  var scrollTop = window.pageYOffset || document.documentElement.scrollTop;

  // 保存滚动位置
  window.onscroll = function() {
    window.scrollTo(scrollLeft, scrollTop);
  };
}

// 启用水平滚动
function enableHorizontalScroll() {
  window.onscroll = null;
}