使用 JavaScript 在触摸屏中停止水平滚动？

Question

我正在做一个需要使用按钮滚动而不是使用触摸滚动的项目。

为此，我使用了我在下面分享的纯 JavaScript 代码，但这也停止了所有滚动，甚至向上/向下。我只想停止触摸屏中的水平滚动。

我认为它将由offsetX 或pageX 完成，但我无法将其与以下代码混合使用。希望你能做到……

<script type='text/javascript'>
// Stop Left/Right/Up/Down Scrolling In TouchScreen
window.addEventListener("touchmove", function(event) {
event.preventDefault();
}, false);
</script>

Answer 1

你可以只使用 CSS 来禁用水平滚动：

div{
  overflow-x: hidden;
}