3
JointsWP4（SASS）：スティッキーのプロパティの変更
TL; DR：Stickyは、JavaScriptを使用して加えた変更に実際に反応できますか？もしそうなら、どうですか？ （プロジェクトはFoundation 6.2とWordPress 4.4を使用しており、テーマはNode.js / npmとgulp 4.0を使用してインストールされています。私の質問は、詳細には太字でマークされています。） navFoundationのスティッキープラグインを使用してバーをスティッキーにしたいのですが、ボタンをクリックしたときだけです。つまり、DOMがすべて終了しても、navバーは「それ自体」に固執するのではなく、ドキュメントの一番上の位置に留まります。さらに、下にスクロールすると消えますが、上にスクロールすると固執します。 navバーが正しく、すべての必要に包まれているdivので、S navバーが固執することができます。「追加」の部分で問題が発生します。私のアイデアは、最初にPHPを使用してスティッキーをインスタンス化することでした： <div data-sticky-container> <header class="header" role="banner" id="sticky_header" data-sticky data-top-anchor="1" data-btm-anchor="content:top" data-options="marginTop:0;" style="width:100%" > <?php get_template_part('parts/nav', 'offcanvas-topbar'); ?> </header> </div> その後、data-btm-anchorクリックで起動するJavaScriptを使用して、現在のスクロール位置に変更します。これはうまくいきませんでした。これまでに試したこと： 使用する場合はgetElementByID、その後とsetAttribute、data-btm-anchorPHPファイルの中には、Firebugのに応じて変更を行いますが、それは影響しないnavバーを少し。それはどこにでも留まります。スティッキーを「再インスタンス化」する必要はありますか。 ドキュメントが言及します： JavaScriptでオプションを設定するには、次のようにオブジェクトをコンストラクター関数に渡す必要があります。 var options = { multiExpand: true, allowAllClosed: false }; var accordion = new Foundation.Accordion($('#some-accordion'), options); つまり、既存のプラグインインスタンスに新しいパラメータを渡すことができるということですか。オプションの配列パラメーターとして、Foundation.Sticky異なるbtmAnchorだけを含む新しいオブジェクトをmyに渡してjQuery('#sticky_header')も、何も起こりませんでした。 ドキュメントはまた、私の「sticky_header」にスティッキーを追加するプログラムで提案しています。それがうまくいった場合は、jQueryオブジェクトを直接変更してみることができます。これまでのところ、Stickyプラグインをヘッダーに正常にバインドすることができました。 …