1

インデックス ページの 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に慣れていないので、これが関係しているかどうかを知ることができません..どんな助けでも大歓迎です。ご覧いただきありがとうございます。

ブライアン

4

0 に答える 0