如果在手機上滾動，請阻止點擊鏈接

Question

我有很長的用戶可以滾動的垂直鏈接列表，並且我需要防止在用戶滾動時在此鏈接上觸發click事件（觸摸）。

在當前的情況下，當用戶通過點擊鏈接開始滾動時，它也會在鏈接上觸發click。這顯然是不好的。那麼，有沒有辦法阻止這種行爲？

Answer 1

Working fiddle

我們可以用一個標誌，在這種情況下，防止剛剛在滾動過程中click事件和滾動停止後啓用它。

要聽上滾動停止，你可以使用jQuery的數據的方法，讓我們能夠與DOM節點的任意數據，並使用setTimeout()功能，將檢查每250ms如果用戶仍然觸發滾動相關聯的能力，如果沒有它會改變國旗：

var disable_click_flag = false; 

$(window).scroll(function() { 
    disable_click_flag = true; 

    clearTimeout($.data(this, 'scrollTimer')); 

    $.data(this, 'scrollTimer', setTimeout(function() { 
     disable_click_flag = false; 
    }, 250)); 
}); 

$("body").on("click", "a", function(e) { 
    if(disable_click_flag){ 
     e.preventDefault(); 
    } 
}); 

希望這會有所幫助。