Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
停止使用JavaScript在触摸屏中水平滚动?_Javascript_Scroll_Touch_Touchscreen - Fatal编程技术网

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

停止使用JavaScript在触摸屏中水平滚动?,javascript,scroll,touch,touchscreen,Javascript,Scroll,Touch,Touchscreen,我正在做一个项目,需要滚动使用按钮,而不是使用触摸滚动 为此,我使用了下面分享的纯JavaScript代码,但这也停止了所有的向上/向下滚动。我只想停止在触摸屏上水平滚动 我认为这将由offsetX或pageX完成,但我无法将其与下面的代码混合使用。希望你能做到这一点 <script type='text/javascript'> // Stop Left/Right/Up/Down Scrolling In TouchScreen window.addEventListener("

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

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

我认为这将由
offsetX
pageX
完成,但我无法将其与下面的代码混合使用。希望你能做到这一点

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

//停止触摸屏中的左/右/上/下滚动
window.addEventListener(“触摸移动”,函数(事件){
event.preventDefault();
},假);

您可以使用CSS禁用水平滚动:

div{
  overflow-x: hidden;
}