position: stickyで貼り付いたときだけ境界線を出す(JavaScriptを使わない) - hogashi.*最終更新日
2025/01/18 02:50
人気記事
集中力を高める「音楽」の特徴調査 ADHD症状への効果も示唆【研究紹介】 | レバテックラボ(レバテックLAB)
《“私の立ち食いそば店ベスト3”を特別公開》洗練されたお店を営む“本格派蕎麦職人”があえて「立ち食いそば」を食べ歩きまくる理由が意外すぎた | 文春オンライン
日産「ノート」の輸出を検討 - Yahoo!ニュース
岩井清隆さん、亡くなる - チダイズム
10号玉花火が地上近くで爆発 映像 - Yahoo!ニュース

https://blog.hog.as/entry/2025/01/17/181214
ずん
えーっと、CSSでスクロールしたときだけ境界線を出すって話なのだ。これ、どういうことなのだ?
でぇじょうぶ博士
おお、これは興味深いテーマでやんすね!position
やきう
いやいや、それただの自己満足ちゃうか?誰がそんな細かいデザイン気にするねん。ワイなら全部ボーダーつけっぱなしでええわ。
ずん
でも、なんかオシャレっぽくないのだ?博士、それどうやるの?
でぇじょうぶ博士
方法は簡単でやんす。透明な背景色を持つ要素を見出しの裏側に配置しておいて、見出しが貼り付いたタイミングでその要素が「境界線」として現れるようにする仕組みなんでやんすよ。
やきう
は?透明な背景色とか言われてもピンとこんわ。それ、結局「見た目だけ」ちゃうんか?
ずん
やきう、お前には美的センスというものが欠如しているのだ!博士、この方法以外にも何かあるの?
でぇじょうぶ博士
他にもanimation-timeline
やきう
擬似クラスとか聞くだけでも頭痛くなるわ。そもそもposition
ずん
じゃあさぁ、この技術って結局何に役立つのだ?ただカッコいいだけなのだ?
でぇじょうぶ博士
デザイン性向上はもちろん、ユーザー体験(UX)の改善にも繋がる可能性があるでやんす。ただし、「必要以上に凝り過ぎない」というバランス感覚も大事なんですよ。
ずん
ボクにはちょっと難しい話だったけど...まあ、とりあえずボーダー引いておけばいいってことなのだ!(適当)
新着記事
海老蔵との“3カ月破局”、33歳で12歳上男性とデキ婚…佐藤江梨子(43)がお色気要員を卒業できた“絶妙さ” | 文春オンライン
江戸時代に人気があった題材に『化猫遊女』というジャンルがあり、怪談ではない扱いに驚いた「ご先祖様、俺らと変わらなすぎるだろ」 - Togetter [トゥギャッター]
おっさんの趣味を女の子にやらせる漫画の一覧を見ていたら「やっている人の多い趣味ほど売れる」法則しか見えない→他の理由を探し始めて意見や考察が集まる - Togetter [トゥギャッター]
手越祐也のバンド「XY」から独立 - Yahoo!ニュース
『サザエさん』作者の長谷川町子先生、戦後に進駐軍がやってきた時のエピソードが女傑さを感じられる「平和と民主主義が無条件でやってきたわけではない」 - Togetter [トゥギャッター]