サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
iPhone 16
commono.co.jp
みなさん、こんにちは、フロントエンドエンジニアのやまもとです。 今回は昨今、色々なサイトで見かける、 「スクロールして要素が画面の中に入った時にフェードインする」 という感じのエフェクトについて書いて見ようかと思います。 この処理は簡単な処理なのですが、 やり方しだいで色々と応用が効くので、覚えておくと便利かと思います。 今回の処理は3ステップ スクロールの量を取得する(「scrollTop()」を使用) 要素のドキュメント上の位置を取得する(「offset()」を使用) 1と2の値を比較して画面に入ったかどうかを判定する 1. スクロールの量を取得する(「scrollTop()」を使用) こちらタイトルの通りの処理なのですが、jQueryで用意されている 便利���メソッドのscrollTop()を利用して、 今、どれくらいスクロールしたかを取得します。 また、スクロールごとに処理をさせ
このページを最初にブックマークしてみませんか?
『ウェブサービス・UI/IXデザイン・ブランディング | commono inc. コモノ株式会社』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く