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


如何

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

示例:如果在触摸板的浏览器中启动 google.com,然后向左或向右轻扫,您会注意到页面向左或向右拉动并显示灰色背景。但是,如果转到 maps.google.com 并向左或向右滑动,地图将平移且页面将锁定到位。这就是我想做的。我不希望页面超出浏览器的边缘,暴露灰色背景。

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

如果您不希望屏幕可滚动并禁用反弹(这就是它的名称),您应该尝试:

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

相关内容

  • 没有找到相关文章

最新更新