エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
jQuery スクロールで要素が表示されたときにclassを追加|emj1025
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
jQuery スクロールで要素が表示されたときにclassを追加|emj1025
スクロールに応じて要素をアニメーションさせたいときなどにつかうjQueryです。 特定要素がウィンドウ内... スクロールに応じて要素をアニメーションさせたいときなどにつかうjQueryです。 特定要素がウィンドウ内に表示されたらclassを付与します。classを付与してから行うアニメーションはCSSでゴニョゴニョするのでjQueryの部分だけを見ていきます。 こちらの記事からソースを引用させていただきます。プラグインになるとより難解になるので、プラグイン前のソースにしておきます。 $(window).on('load scroll', function() { add_class_in_scrolling($('.sample1')); add_class_in_scrolling($('.sample2')); add_class_in_scrolling($('.sample3')); }); // スクロールで要素が表示された時にclassを付与する function add_class_