position: stickyで貼り付いたときだけ境界線を出す(JavaScriptを使わない) - hogashi.*最終更新日
2025/01/18 02:50
人気記事
クラスの3軍男子が「超イケメン」に大変身…“陰キャ卒業”に成功した33歳男性が気づいた見た目を整えることの大切さ「いい縁を引き寄せるための第一歩」――2024年9月の読まれた記事1位 | 文春オンライン
集中力を高める「音楽」の特徴調査 ADHD症状への効果も示唆【研究紹介】 | レバテックラボ（レバテックLAB）
漫画家はすみとしこ氏に対する損害賠償請求訴訟の勝訴のご報告 - 塩村あやか公式サイト
「あっという間に売れちゃう」早朝4時、若い女性が路上で買ったクスリの中身は…西成の“違法露店”で記者が目撃した“取引現場” | 文春オンライン
清純派の朝ドラ女優から悪女役の濡れ場を経て…事務所を独立した国仲涼子（45）が、「夫・向井理と一緒はイヤ！」と語るワケ | 文春オンライン
position: stickyで貼り付いたときだけ境界線を出す(JavaScriptを使わない) - hogashi.*引用元：https://blog.hog.as/entry/2025/01/17/181214
ずん
えーっと、CSSでスクロールしたときだけ境界線を出すって話なのだ。これ、どういうことなのだ？
でぇじょうぶ博士
おお、これは興味深いテーマでやんすね！position
やきう
いやいや、それただの自己満足ちゃうか？誰がそんな細かいデザイン気にするねん。ワイなら全部ボーダーつけっぱなしでええわ。
ずん
でも、なんかオシャレっぽくないのだ？博士、それどうやるの？
でぇじょうぶ博士
方法は簡単でやんす。透明な背景色を持つ要素を見出しの裏側に配置しておいて、見出しが貼り付いたタイミングでその要素が「境界線」として現れるようにする仕組みなんでやんすよ。
やきう
は？透明な背景色とか言われてもピンとこんわ。それ、結局「見た目だけ」ちゃうんか？
ずん
やきう、お前には美的センスというものが欠如しているのだ！博士、この方法以外にも何かあるの？
でぇじょうぶ博士
他にもanimation-timeline
やきう
擬似クラスとか聞くだけでも頭痛くなるわ。そもそもposition
ずん
じゃあさぁ、この技術って結局何に役立つのだ？ただカッコいいだけなのだ？
でぇじょうぶ博士
デザイン性向上はもちろん、ユーザー体験（UX）の改善にも繋がる可能性があるでやんす。ただし、「必要以上に凝り過ぎない」というバランス感覚も大事なんですよ。
ずん
ボクにはちょっと難しい話だったけど...まあ、とりあえずボーダー引いておけばいいってことなのだ！（適当）
新着記事
注目集めたペーパードライバー訓練シム開発者、「あまり期待しないで」「買わないで」と発売直前になぜかおびえる。急に弱気 - AUTOMATON
スターリンク、月額730円の「スタンバイモード」 低速・無制限 - Impress Watch
「羽生先生には自分には見えないものが見えている…」「このままではダメだ」若き豊島将之が“初タイトルの大一番”で突きつけられた埋めがたい差 | 観る将棋、読む将棋 | 文春オンライン
Obsidian Bases 入門｜松濤Vimmer
「やめてくれ...」鉄道敷地内に若い女性が座り込み 東武東上線がラッシュ時に1時間半ストップ、大混乱に（J-CASTニュース） - Yahoo!ニュース
人気記事
クラスの3軍男子が「超イケメン」に大変身…“陰キャ卒業”に成功した33歳男性が気づいた見た目を整えることの大切さ「いい縁を引き寄せるための第一歩」――2024年9月の読まれた記事1位 | 文春オンライン
集中力を高める「音楽」の特徴調査 ADHD症状への効果も示唆【研究紹介】 | レバテックラボ（レバテックLAB）
漫画家はすみとしこ氏に対する損害賠償請求訴訟の勝訴のご報告 - 塩村あやか公式サイト
「あっという間に売れちゃう」早朝4時、若い女性が路上で買ったクスリの中身は…西成の“違法露店”で記者が目撃した“取引現場” | 文春オンライン
清純派の朝ドラ女優から悪女役の濡れ場を経て…事務所を独立した国仲涼子（45）が、「夫・向井理と一緒はイヤ！」と語るワケ | 文春オンライン