記事一覧

特定の要素を遅延表示させるための方法【CSS/JavaScript】

なぜかは分からないですが、特定の要素を遅延表示させる必要が出てきた(今後必要になるかもしれない)ため、方法をメモとして残しておくことにしました。 改めて、何に使…

Earth
7か月前
9

某おすすめメディアのような上部に固定される「記事内ナビバー」を再現してみた【ChatGTP】

某おすすめ人気メディアで実装されているスクロールしていくと、選び方の見出しを越えたあたりから、画面の上部に固定される「選び方」「ランキング」「評価方法」のメニュ…

2,980
Earth
1年前
26

特定の要素を遅延表示させるための方法【CSS/JavaScript】

なぜかは分からないですが、特定の要素を遅延表示させる必要が出てきた(今後必要になるかもしれない)ため、方法をメモとして残しておくことにしました。 改めて、何に使うのかは分かりません。 そして、使用を推奨するものでもありません。 この記事は、ただただ要素を遅延表示させるための方法を解説した記事です。 遅延表示の実装方法HTML まずは、<div>でclassを指定します。 <div class="youso" id="animatedElement">これは要素です。

某おすすめメディアのような上部に固定される「記事内ナビバー」を再現してみた【ChatGTP】

某おすすめ人気メディアで実装されているスクロールしていくと、選び方の見出しを越えたあたりから、画面の上部に固定される「選び方」「ランキング」「評価方法」のメニュー。 最近、知り合いと「記事内リンクのナビバー固定は、ロングコンテンツのユーザービリティを解消する答えかもね」と話しをしました。 そして、Twitterでも「良いプラグインがないかな?」「作れないかな」という声を見かけることがありました。 日曜日で暇+個人的に旬なテーマだったため、ChatGTPを使って作ってみる

有料
2,980