css - 在触摸板上的 webOS 浏览器中锁定屏幕平移

Question

在触摸板上的 webOS 浏览器中向左或向右滑动时，如何防止网页向左或向右拉动？

示例:如果您在 TouchPad 的浏览器中启动 google.com，然后向左或向右滑动，您会注意到页面向左或向右拉动并显示灰色背景。但是，如果您转到 maps.google.com 并向左或向右滑动， map 会平移并且页面会锁定在原地。这就是我想要做的。我不希望页面超出浏览器的边缘，从而暴露灰色背景。

我创建了一个旋转木马，它使用左右滑动来导航。它在我的笔记本电脑上的 Safari 中完美运行，但是当我在 webOS 浏览器中运行它时，它不会移动，而是整个页面移动。如何阻止页面移动并允许轮播接收我的拖动事件？

Answer 1

如果您不希望屏幕可滚动并禁用弹跳(这就是所谓的)，您应该尝试:

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