LP（ランディングページ）やプロモーションサイトでは、スクロールに合わせて要素がふわっと現れるアニメーションはよく使われます。 以前はJQueryで実装することも多かったのですが、最近では純粋なJavaScriptでも簡単に実装できる方法が増えてきました。

スクロールに気の利いた動きを加えたいときに便利なJavaScriptのライブラリー「ScrollReveal」を紹介します。 シンプルなスクロールアニメーションを実装したいときに使えそうなライブラリを見つけたのでご紹介します。「ScrollReveal」というやつです。 無意味 ...

jQueryって便利ですよね。特に普段JavaScriptを書かないWebデザイナーにはとっつきやすい書き方が魅力。でも素のJavaScriptを書ければ、もっと軽量で使い勝手のいいスクリプトが作れるかもしれません。 本記事はAdrian Sandu、Chris Perry、Jérémy Heleine、Mallory van ...

Webサイトでスクロールすると画像などがふわっと表示されるエフェクト（一般的に「フェードイン」や「スクロールアニメーション」と呼ばれます）の作ってみましょう。 1. 概要 以下のステップで実装できます。 HTML: 表示させたい要素（画像、テキスト ...

こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。今回のテーマは 「スクロール」 に関するモダンな機能群です。 ブラウザ上でスクロールに絡む機能を実装しようとすると、考慮すべき点や制約は多くなります。 たとえば ...