Position
要素の位置を変更できます。
Common values
下記のように設定可能です。レスポンシブには未対応です。
Fixed top
viewportの上部に要素を配置します。(追加でCSSを必要がある場合もあります)
Fixed bottom
viewportの下部に要素を配置します。(追加でCSSを必要がある場合もあります)
Sticky top
スクロールした後, 要素をviewportの上部に配置。.sticky-top
はCSSの position: sticky
を使用しています。すべてのブラウザで完全にサポートされていはいません。
IE11 , IE10 では position:sticky
を position:relative
レンダリングします。
スタイルを @support
で囲み, 適切にレンダリングできるブラウザのみに上部固定を制限します。