私の場(chǎng)合、親コンテナに overflow-x: hidden;
スタイルが適用されていたため、position: Sticky
の機(jī)能が壊れてしまいます。このルールを削除する必要があります。
親要素には上記の CSS ルールを適用しないでください。この條件は、「body」要素までのすべての親要素 (ただし、「body」要素は含まない) に適用されます。
フレックスボックス要素のデフォルトは stretch
であるため、すべての要素は同じ高さになり、スクロールできません。
align-self: flex-start
をスティッキー要素に追加し、高さを自動(dòng)に設(shè)定することで、スクロールと固定を?qū)g現(xiàn)します。
現(xiàn)在、これはすべての主要なブラウザでサポートされていますが、Safari では引き続き -webkit-
プレフィックスが必要ですが、Firefox を除く他のブラウザでは position:sticky が使用されます。
にはいくつかの問(wèn)題があります。形狀。