スティッキーナビゲーションバーが動かないのはなぜですか?

「position: Sticky;」を理解するプロパティ

「位置: スティッキー;」プロパティを使用すると、コンテナ要素がオーバーフローするまで要素を固定したままにすることができます。ただし、ナビゲーション バーがビューポートの上部に固定されないという問題が発生している場合は、コードに問題がある可能性があります。

提供されたコードを調べると、「position: Sticky」のインスタンスが 2 つあることがわかります。 ;":

nav {
  position: sticky;
  position: -webkit-sticky;
}

"position:sticky;" を両方含める必要はありません。および「位置: -webkit-sticky;」。後者を削除し、「オーバーフロー」が「非表示」に設定されている他の祖先要素がないことを確認します。これは、スティッキーな配置を妨げる可能性があります。

以上がスティッキーナビゲーションバーが動かないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。