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

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

従来、スクロールに応じたアニメーションやコンテンツ表示の切り替えといえば、JavaScript（特にIntersectionObserverやスクロールイベント）が必要不可欠でした。 しかし、近年のCSS仕様の進化によって、JavaScriptを使わずにスクロールトリガーのような効果を ...

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

トップページは、Masonryに加えて「Infinite Scroll」（無限スクロール）も実装。一般的なInfinite Scrollは下方向のみだが、ここでは上下方向を実現した。14個のセルをワンセットとし、上下方向スクロールの際、新たなデータを取得してフェードアニメーションで ...

今回は、次のページを見る際にクリックなどでなく、スクロールした際に自動的に続きのコンテンツを読み込む形をInfinite Scrollプラグインを使用して作成してみたいと思います。 解説：（有）ムーニーワークスハヤシユタカ フォトギャラリーなどでページ ...

インクリメントPは、iモード向け地図情報サイト「iMapFan地図ナビ交通」で、iモードブラウザ2.0のJavaScript機能を利用した新機能「スクロール地図」の提供を開始した。 NTTドコモのiモード端末では、2009年夏モデルの一部機種から「iモードブラウザ2.0」が搭載 ...