iOS Webapp：禁用除textarea之外的页面滚动

Question

我正在为iOS制作一个webapp。我希望它不可滚动，除了textarea（需要可滚动）。我已经尝试过查看类似问题，比如这个问题disable enter key on page, but NOT in textarea没有运气（这个例子看起来最有希望，但我在Safari中找不到“找不到变量节点”错误。）

任何人都可以帮我吗？感谢

没有解决我的问题，但有帮助 - 标记为最佳答案

Answer 1

您可以看到用户是否正在尝试滚动（通常一个手指在屏幕上移动表示滚动），并使用onTouchMove事件侦听器，防止默认和传播。

var element = document.getElementById("textarea");
element.addEventListener("touchmove",function(e){onTouchMove(e)},false);

function onTouchMove(e) {

    if(e.touches.length != 1) return;

    e.stopPropagation();
    e.preventDefault();

}

无论如何，当涉及滚动内部元素时，iDevices有点棘手;通常人们试图在内部元素上实现滚动效果：）