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

【问题标题】：iPhone Browser: Disable page scroll while dragging html input fieldiPhone浏览器：拖动html输入字段时禁用页面滚动
【发布时间】：2011-06-30 08:00:55
【问题描述】：

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

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

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

该代码阻止滚动，但是当我点击输入字段并拖动时，页面仍然在滚动。

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

【问题讨论】：

【解决方案1】：

它对我有用

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

【讨论】：

【解决方案2】：

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

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

【讨论】：