iPad上の1ページのページをスクロールする際にリンクがブロックされる

Question

1ページのスクロール・サイト幅のスムーズなスクロール・リンクがあります。アンカーへのリンク付き固定位置ナビ。かなりストレートです。

すべてはデスクトップのブラウザでうまく動作しますが、iPad（iOS 5 Mobile 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をクリックまたはマウスオーバーすると、実際のものは

となります