防止移動Safari瀏覽器頁面頂部單擊時滾動地址欄

Question

我有一個web應用程序，負載執行window.scrollTo(0, 1);來隱藏正在工作的地址欄。

其中一個元素是固定位置爲top: 0的標題，使其保留在視口的最頂端。在這個標題中有幾個可點擊的按鈕，當你嘗試點擊它們，而不是執行動作時，它將地址欄滾動到視圖中。 這是默認的Safari瀏覽器行爲，用於點擊屏幕頂部15-20像素。

我試圖捕獲點擊和取消事件，取消冒泡，防止默認等，似乎沒有任何工作。

我嘗試添加了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); 

任何想法？

Answer 1

我用這用於防止移動默認：顯示

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

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

}); 

沒有地址欄。用戶體驗也很整齊