カテゴリー: CSS

2020年5月20日

CSSで position: sticky が効かない場合は

position: stickyの活用スクロールと連動して特定の要素を画面に張り付ける、とても便利な position: sticky。以前はposition: fixedとjavascriptを併用して表現するしかなかったのですが、sticky属性が追加されてとても便利になりましたね！！こい...

CSS

2020年4月21日

ヘッダーが fixed, stickyの場合、内部リンクで移動させると位置がずれる問題の対処方法

サイトのヘッダーが fixed, stickyの場合、ページ内部リンクを使ってページ内の特定の場所に移動させようとするとfixedで固定されているヘッダーのheightを考慮しないので、望んでいる位置に移動されない問題が発生します。 See the Pen inner link by Bong yi...