固定ヘッダーのための 'back to top'リンクをオフセットする方法はありますか？

Question

私はサイト上でjQueryイージングプラグインを使用していますが、私はプラグインがページの先頭であると考えるものを中心に小さな問題にぶつかってきました。

ここには該当するサイトのlinkがあります。

これは、画面の上部に固定されたヘッダーが65pxの深さであるためです。この問題は、プラグインが設定点を画面の上部にスクロールしようとしたときに発生します。私はこの固定ヘッダーを持っているので、私のアイテムはこのヘッダーの背後から始まっています。

プラグインが65pxまでスクロールするポイントを相殺する方法があるかどうか知りませんか？

<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> 
<script type="text/javascript"> 
$(function() { 
    $('ul.side-nav a').bind('click',function(event){ 
     var $anchor = $(this); 
     $('html, body').stop().animate({ 
      scrollTop: $($anchor.attr('href')).offset().top 
      }, 1500,'easeInOutExpo'); 
      event.preventDefault(); 
     }); 
    }); 
</script> 

ご協力いただきましてありがとうございます。事前に

おかげで、

トム

Answer 1

は、あなただけのヘッダの高さを補うためにscrollTop値を変更することができませんか？

scrollTop: $($anchor.attr('href')).offset().top - $('.header-wide').height()