にスクロールした後、クリック能力を失う:アンカークリックを拾うために、これを使用してのiOSのSafari
$("nav li a").click(function(event) {
event.preventDefault();
target = $(this).attr("href").replace('#', '');
goToByScroll(target);
});
そして、これはスクロール機能である:
function goToByScroll(id) {
$('html, body').animate({
scrollTop: $("#"+id).offset().top - totalHeight
}, 'slow');
}
最初のクリックの作品が、その後のリンクが上がりませんページが手動でスクロールされない限り、クリック可能/アクティブです。何か案は?
私はheaderタグとnavタグで固定位置を使用しています。 navタグにはli要素がすべて表示され、左側に浮動表示されます。ヘッダータグとナビタグにはz-index:1があり、ドキュメントをスクロールするときにコンテンツの上部にとどまるようにします。問題は、最初に$( "nav li a")の上でクリックイベントを取得した後、クリックの能力を失うことです。しかし、ページを1ピクセルだけスクロールすると、クリック可能になります。私は問題が固定位置divを持つiOSのバグだと示唆する同様の投稿を見たことがあります。それがここの場合と同じであるかと思います。 – user1223466
私はjsfiddleでこれのベアボーンバージョンを構築し、同じバギーの結果を生成できるかどうかを確認することをお勧めします。そうでない場合、エラーは他の場所にあります。 – Koviko
私はまったく同じ問題を抱えています...私のヘッダーは修正されました。ニュースアイテムのリストを下にスクロールすると、ヘッダーの裏がクリックされません。しかし、指でスクロールしてすぐにクリック可能です。 iOSのみの場合、これをどのようにデバッグしますか?私は実験中です! しかし、ヘッダーの下にリンクがスクロールされている場合は、そのリンクがクリックされずにクリックされます。 –