Zurb財団スティッキー機能が

Question

を応答していない私はここで説明するよう、粘着性の機能を実装しようとしています：http://foundation.zurb.com/sites/docs/sticky.html

私は指示に従って必要な属性を追加しています。私のHTMLは：

<div class="columns medium-4 medium-push-8" data-sticky-container> 
    <div class="sticky" data-sticky data-margin-top="0" > 
    <!--content--> 
    </div> 
</div> 

と私はZurbのJavaScriptライブラリが動作していることを確認しています。

ページを表示すると、要素は正常に表示されますが、スティッキー機能は機能しません。

私が間違っていることは誰にも分かりますか？

Answer 1

あなたのコードは私の仕事です。私は、あなたが「ZurbのJavaScriptライブラリが動作している」と言いました。しかし、あなたにはFoundationライブラリのフルセットが含まれていますか、それともカスタムビルドですか？次が含まれていることを確認する必要があります。

• foundation.sticky.js
• foundation.core.js
• foundation.util.triggers.js
• foundation.util.mediaQuery.js
• 基礎粘着性のmixin

Answer 2

このスニペットストレート6.3ドキュメントからは、私のために動作します。

<div class="columns small-6 right" data-sticky-container> 
    <div class="sticky" data-sticky data-margin-top="0"> 
    <img class="thumbnail" src="assets/img/generic/rectangle-3.jpg"> 
    <!-- This sticky element would stick to the window, with a marginTop of 0 --> 
    </div> 
</div> 

これはうまくいかない場合は、正しいjavascriptが含まれていない可能性があります。最小化されたfoundation.min.jsを使用している時間のほとんどは、すべてのプラグインを含むため、多くの問題を軽減します。