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

Question

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

示例：如果您在触摸板的浏览器中启动 google.com，然后向左或向右滑动，您会注意到页面向左或向右拉动并露出灰色背​​景。但是，如果您访问 maps.google.com 并向左或向右滑动，地图就会平移并且页面被锁定在适当的位置。这就是我想做的。我不希望页面超出浏览器边缘，露出灰色背​​景。

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

Answer 1

如果您不希望屏幕可滚动并禁用反弹（这就是所谓的），您应该尝试：

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