インデックス ページの ID アンカーへの外部ページ リンクに問題があります。アンカーにリンクしようとするたびに、ページの上部に移動します。ページが一瞬アンカーに表示されたように見えますが、その後はページの上部に表示されます。
ここで見ることができます.. http://jointmedias.com/clients/misfit/site/
すべてのアンカーはページ上で機能しますが、外部ページから特定のアンカーにリンクすることはできません。これはhttp://jointmedias.com/clients/misfit/site/#p3で動作するはずですが、うまくいきません。
スムーズなスクロールのためにこのjsスクリプトを使用しています(これもページ自体で完璧に機能します)
$(document).ready(function(){
$(window).scroll(function(){
var scrollTop = $("#topsec").height();
if($(window).scrollTop() >= scrollTop){
$('#nav').css({
position : 'fixed',
top : '0'
});
}
if($(window).scrollTop() < scrollTop){
$('#nav').removeAttr('style');
}
})
})
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
|| location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 2000,'easeInOutCubic');
return false;
}
}
});
私はJSに慣れていないので、これが関係しているかどうかを知ることができません..どんな助けでも大歓迎です。ご覧いただきありがとうございます。
ブライアン