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

Question

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

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

我认为它将由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;
}