気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
【CSS】画面にペタッとついてくるやつを作ってみる - Qiita
14 users
qiita.com/sengokukun
qiita.com/sengokukun
qiita.com/sengokukun
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
はじめに まず「ぺたっとついてくるやつ」という日本語は無視してもらって、 今回作りたいのは、こうい... はじめに まず「ぺたっとついてくるやつ」という日本語は無視してもらって、 今回作りたいのは、こういうやつ↓。 主に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
qiita.com/sengokukun
qiita.com/sengokukun
qiita.com/sengokukun
huyukiitoichi.hatenadiary.jp
zenn.dev/lugendre
anond.hatelabo.jp
ameblo.jp/meijin16shot
note.com/yatima
qiita.com/aaaaaaa8888
zenn.dev/sakasegawa
ai-native.dev
techblog.enechain.com
developer.hatenastaff.com
levtech.jp
2018/04/18 リンク