3

我有一个 webapp，它在加载时会window.scrollTo(0, 1);隐藏正在工作的地址栏。

其中一个元素是具有固定定位的标题top: 0，使其保持在视口的最上方。在这个标题上有一些可点击的按钮，当您尝试点击它们时，它不会执行操作，而是将地址栏滚动到视图中。这是点击屏幕顶部 15-20 像素的默认 Safari 行为。

我试图捕捉点击并取消事件，取消冒泡，防止默认等。这些似乎都不起作用。

我尝试的代码是添加一个带有 id 测试的 div：

#test {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

document.getElementById("test").addEventListener("click", function (event) {
    event.preventDefault();
    event.stopPropagation();
}, false);

有任何想法吗？

4

1 回答 1

0

我用它来防止手机默认：

https://github.com/alexblack/google-fastbutton

$('#your-button').fastClick(function(e) {
  e.preventDefault();

});

没有显示地址栏。UX也很整洁

于 2013-08-28T21:26:56.077 回答