を使用してアンカー位置までスクロールする固定ナビゲーションを持つコンテンツ作品に取り組んでいます
$('.buttons').click(function(){
var anchorPos = $(this).attr('href');
$('html, body').animate({scrollTop: $(anchorPos).offset().top}, 1000);
return false;
});
ただし、ipad ではナビゲーションが 1 回しかクリックできず、スクロールしてもデスクトップでは正常に動作しないというリフローの問題があります。
空のdivを追加したり、ボディの幅を変更しようとしたりするなど、さまざまな解決策を試しましたが、役に立ちませんでした。私はjsbinでやろうとしていることをモックアップしました。
http://jsbin.com/esaxuc/2/edit
フィードバックをいただければ幸いです。ありがとう