ずっとサイトのトップにくっつくメニューを作ろうとしている。zurb.foundation のドキュメントに従いましたが、.sticky は常に同じ予期しない方法で動作します。それとも、明らかなことがわかりませんか？
ここで再構築を確認してください: http://codepen.io/mister-hansen/pen/wMgrPm
サイトが下にスクロールされ、最初のビューポートの正確な高さに達すると、スティッキー プラグインが要素 .stickyis-stuck is-at-topを次のように変更して.is-anchored .is-at-bottomいるため、.sticky が消えます。
ありがとうございました。
UPDATE ドキュメントの最初の部分：foundation.zurb.com/sites/docs/sticky.htmlは、説明されている動作について説明しています。デフォルトの body { height: 100% } css のため、body は max で正確に解釈されます。ビューポートの高さ。
したがって、私の場合の解決策は、a) body の高さを auto でオーバーライドすることです。しかし、より良いb）意図した固定ヘッダーにスティッキー機能を使用しないでください。