javascript - iPhone浏览器: Disable page scroll while dragging html input field

Question

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

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

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

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

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

Answer 1

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

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