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

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

Webサイトの表現において、ユーザーの操作に呼応するインタラクションは、没入感を高める非常に重要な要素です。中でも「スクロール」に連動した演出は、パララックス効果や追従ヘッダー、あるいは記事の読了率を示すプログレスバーなど、多くの場面 ...