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

时间:2012-04-04 22:45:10

标签: css html5 browser webos touchpad

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

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

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

1 个答案:

答案 0 :(得分:1)

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

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