単一ページのリンク間をスムーズにスクロールする次のコードがあります。
$(".navbar .nav a").bind('click',function(event){
$("html, body").animate({
scrollTop: $($(this).attr("href")).offset().top - (90) + "px"
}, {
duration: 1200,
easing: "easeInOutExpo"
});
return false;
event.preventDefault();
});
リンクが同じページでクリックされた場合、これは正常に機能します。ただし、それらが外部的にリンクされている場合:
- オフセットは適用されません。と
- ページがスクロールしません。
新しいページに移動し、上部から開始してアンカーまでスクロールダウンすることで、これを修正したいと思います。どうすればこれを達成できますか?