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

Stop Horizontal Scrolling In Touch Screen Using JavaScript?

本文关键字:JavaScript 触摸屏 止水 水平 滚动      更新时间:2023-09-26

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

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

我认为它将由offsetXpageX完成,但我无法将其与下面的代码混合。希望你能做到……

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

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

div{
  overflow-x: hidden;
}