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

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

完全なソースコード、スクロールロック機能の実装サンプル、および「効かない」時の対処法は、以下のブログ記事にて公開しています。 【JavaScript】preventDefaultによるブラウザ標準動作の無効化とスクロール制御 Webアプリケーションを開発していると ...

Webサイトのユーザビリティを向上させる上で、「スクロール制御」は欠かせない要素です。 長いランディングページの「トップへ戻る」ボタンや、目次をクリックした際のスムーズな移動。これらがカクカクしていたり、一瞬で切り替わりすぎて現在地を ...

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