如何在使用 jquery mobile 启用 swipeleft 和 swiperight 事件时禁用垂直滚动？答案

【问题标题】：How to disable vertical scroll while enable swipeleft and swiperight event using jquery mobile?如何在使用 jquery mobile 启用 swipeleft 和 swiperight 事件时禁用垂直滚动？
【发布时间】：2012-08-25 23:21:47
【问题描述】：

我有一个 html jquery 移动多页，并使用 swipeleft 和 swiperight 事件来翻页。效果很好。

现在我想禁用垂直滚动。

从我在stackoverflow中找到的解决方案，它建议使用以下

$(document).delegate('.ui-content', 'touchmove', false);

但在这种情况下，原始的 swipeleft 和 swiperight 事件也被禁用。

有没有一种方法可以在保持向左滑动和向右滑动事件的同时禁用垂直滚动？

【问题讨论】：

如果你禁用垂直滚动；你的页面不是已经小于视口了吗？

标签： jquery jquery-mobile swipe vertical-scrolling

【解决方案1】：

您可以将以下内容添加到您的

<script>
    function BlockMove(event) {
      // Tell Safari not to move the window.
        event.preventDefault();
    }
    </script>

并将其添加到您的身体标签

<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);" ontouchmove="BlockMove(event);">

这将禁用允许您滑动的页面滚动

【讨论】：

嗨，唐纳德，它有效。谢谢。但是请问设置超时功能的目的是什么？现在每次翻页后，内容需要一段时间才能获得焦点。即页面中的文字有点模糊，并在 1 秒内变得清晰。
这是另一个非常酷的脚本，它允许很多选项......不超过 50 行 JS。 stackoverflow.com/questions/10357844/…