jQueryscrollTo固定ヘッダーオフセット

Question

構築しているページに表示されているように、jQueryのscrollToプラグインを使用しています http://portfolio.tomvervoort.net/

300pxの固定ヘッダーがあるため、コンテンツはヘッダーの下に移動します。メニューの[バージョン情報]ボタンをクリックすると、これがはっきりとわかります。 scrollToスクリプトに300pxのオフセットを追加して、すべてがヘッダー/メニューの下に配置されたままになるようにすることは可能ですか？

Answer 1

Jquery.nav.jsでこの行を変更してみてください。

$.scrollTo(newLoc, o.scrollSpeed, {

に

$.scrollTo($('newLoc').offset().top-300, o.scrollSpeed, { 

したがって、scrolltoにその要素を正確にスクロールするように指示する代わりに、要素の位置を自分で取得して300を減算します。

Answer 2

次の説明に従って、「オフセット」設定を使用できます。

http://flesler.blogspot.com.ar/2007/10/jqueryscrollto.html

何かのようなもの：

$.scrollTo(newLoc, o.scrollSpeed, {
     // ...
     offset:-300
});