【CSS】画面にペタッとついてくるやつを作ってみる - Qiita

はじめに まず「ぺたっとついてくるやつ」という日本語は無視してもらって、 今回作りたいのは、こういうやつ↓。 主にheaderとかsidebarで使われたりしていますよね。 sticky〇〇なんて言われています。 JavaScriptで実装されていたり、それらに特化したプラグインなどもあるみたいです。 ですが、今回はCSSのposision: stickyを使って ペタッとさせますー ※お使いのブラウザによっては正しく表示されない場合があります。 完成品 headerがペタッと CVがペタッと パララックス風 おまけ headerがペタッと HTML <header> topだよん </header> <div class="items"> <div class="title title_color_red"> ギ </div> <div class="item"> なんかの箱1 </di

[primedesignworks]

https://caniuse.com/#search=position%3A%20sticky 昔と変わらず「クソ IE を無視」すれば使えるようだ

[og_og]

position: sticky;って知らんかったよ…(´・ω・｀)

[igrep]

“... googleをさまよっていたのを今だに覚えています。 stickyという「したいこと」のワードにたどりつくのにも一苦労”なるほど。そういうときに備えてリファレンス読んでおくといいけど大変だもんな

[ledsun]

“まず「ぺたっとついてくるやつ」という日本語は無視してもらって”/ position: sticky;なんて便利スタイルあるのか