2016-05-08 8 views
0

ホームページ上でクリックすると、ハッシュリンクを使用してセクションにアニメーション表示されるメニュー項目があります。しかし、別のページでは、ホームページにリンクしてからセクションにリンクします。ホームページに戻ってクリックするとアニメ化されないか、非常にスムーズに見えます。どうすればページに戻ってアニメーションをやりますか?または、セクションにまっすぐに行くこともできますか?固定ヘッダーについても70pxオフセットする必要があります。ページにリンクして、セクションに自動的にアニメート

$('.mainNav ul li a:eq(0)').on('click',function (e) { 

       // link and animation when on homepage 
       if (window.location.pathname === '/'){ 
        e.preventDefault(); 
         var target = this.hash; 
         var $target = $(target); 

         $('html, body').stop().animate({ 

          'scrollTop': $target.offset().top - 70 

         }, 600, 'swing', function() { 

          window.location.hash = target; 

         }); 

       } else { 

       // link and animation when on all other pages 
        window.location.href = '/#workStatement'; 
        return false; 

       } 
     }); 

答えて

関連する問題