【问题标题】:Lock screen panning in the webOS browser on the TouchPad在触摸板上的 webOS 浏览器中锁定屏幕平移
【发布时间】:2012-04-04 22:45:10
【问题描述】:

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

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

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

【问题讨论】:

  • 我改变了页面的高度以适应浏览器的高度,现在我不再遇到上述问题。虽然这对我有用,但我仍然想知道如何防止页面左右平移,即使高度大于浏览器的高度。

标签: css html browser webos touchpad


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-11-19
    • 1970-01-01
    • 2018-04-23
    • 1970-01-01
    • 2014-12-31
    • 2022-12-28
    相关资源
    最近更新 更多