2

そこで、数日間、zurb ファウンデーションのレスポンシブ テンプレートを使用してこのサイトをデザインしてきました...最終決定として、ヘッダー #header を修正することにしました...コンテンツが各スクロールのヘッダーの下にスライドすることを除いて、すべて同じように機能しますイベント。

オフセットを正しく機能させる方法を一生理解できませんか?!?!

私はそのようにjQuery localscrollプラグインを使用しています

$.localScroll({hash:true, offset: {top: 65},duration: 1000,easing:'easeInOutExpo'});

offset: {top:} パラメータを 60 と -60 の両方に変更しようとしましたが、何を試してもせいぜい不安定なアニメーションが返されます :-/

そう... .jsをそのままにして、cssでパネルを下に移動することで修正できるのではないかと思いましたか? または #main コンテナーでしょうか?...でもいいえ...それも機能しませんでしたか?

だから私はローカルスクロールオフセットを修正する方法を探しています...または... #headerに対応するために何らかの方法ですべてを下にシフトしますか?

競合する可能性のあるファイル:

http://example.com/javascripts/foundation/jquery.offcanvas.js
http://example.com/js/main2.js
http://example.com/index.php

4

3 に答える 3

3

オフセットの構文は次のとおりです。

offset: -50

いいえ：

offset {top:50}

それが問題かもしれません。

于 2013-06-03T21:12:35.387 に答える
1

各スライドの上部にパディングを追加するだけで解決します...私が想像したものではありません...しかし、それは機能します！:)

于 2013-01-31T07:18:20.760 に答える