2016-11-02 17 views
0

クリックしたときにアンカーリンクをクリックしてスクロールしてページのその部分にスムーズにスクロールできるかどうかは、今、私が自分のリンクをクリックするたびに、スムーズなスクロールなしにWebページのそのセクションに移動します。どんな助けもありがとう、ありがとう!アンカーリンクでスムーズにスクロールする

P.S.私はあなたがChris Coyier's articleあたりcodepenを伴うとして、このjQueryのスクリプトを試みることができるCodePen

+0

https://css-tricks.com/snippets/jquery/smooth-scrolling/これはjqueryで行われています – GvM

答えて

1

でこれをやっている:

$(function() { 
    $('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 
     }, 1000); 
     return false; 
     } 
    } 
    }); 
}); 

お知らせをアンカータグのhrefが関連H2 IDを参照しているかクリスのcodepenに。

あなたのコードを投稿してください。私たちは一見することができます。

関連する問題