在iPad上滾動一個頁面的網站被阻止的鏈接

Question

我有一個頁面滾動網站寬度平滑滾動鏈接。固定位置導航鏈接到錨點。非常直截了當。

一切工作正常在桌面瀏覽器上，但在iPad（iOS 5移動Safari）鏈接工作正常，但頁面滾動後（頂級導航鏈接），所有鏈接，包括頂部導航鏈接「被阻止」和無法點擊。我必須調整視口垂直滾動，然後鏈接再次工作。

感謝您的幫助！

使用此滾動功能：

$('nav ul a').bind('click',function(event){ 

    var $anchor = $(this); 

    $('html, body').stop().animate({ 
     scrollTop: $($anchor.attr('href')).offset().top - 60 
    }, 1200,'easeInOutExpo'); 

    event.preventDefault(); 
}); 

Answer 1

同樣的問題在這裏描述：anchor links not working properly on ipad

發現這裏的解決方案：https://stackoverflow.com/a/9198836/1145706

我一招解決了這個。我在菜單項上創建了不可見的div，它們在頁面滾動時改變它的位置（模擬真實位置上的固定元素：固定菜單項）。當用戶點擊或懸停在那些不可見的div上時，真正的div被稱爲