iPhone 浏览器：在拖动 html 输入字段时禁用页面滚动

Question

我制作了一个 HTML 页面。 此页面小于 Iphone 屏幕。 假设这是登录页面。 该页面包含文本输入字段。

我禁止以这种方式滚动页面：

document.ontouchmove = function(e){
    e.preventDefault();
}

该代码阻止滚动，但是当我点击输入字段并拖动时，页面无论如何都会滚动。

有没有办法在 iPhone 的 HTML 中完全禁用页面滚动？

Answer 1

它对我有用

 $("body").bind("touchmove", function(e) { e.preventDefault(); });

Answer 2

用户始终可以通过触摸状态栏滚动到顶部，因此防止滚动的最佳方法是保持滚动。 将window.scrollTo(x, y)放入setInterval中，每当用户滚动页面时，您都可以将其滚动回右侧 position。

当用户单击输入字段时，Mobile Safari 可能会向上滚动一点以避免键盘覆盖输入字段。 确保您的滚动行为不会让键盘覆盖输入字段。