ユーザーが下方向にスクロールするとヘッダを自動的に非表示にし、ページの途中で上方向にスクロールするとヘッダを表示する、超軽量のスクリプトを紹介します。 実装は非常に簡単で、カスタマイズも簡単、既存のWebページに導入することも簡単です。

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

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

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

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

横スクロールアクションの技術的な進捗メモです。 左右移動時に、いきなりトップスピードになるのではなく、 0.2 ずつ加速していき、徐々に速くなるようにしました。 また摩擦係数を導入し、 キーを離した瞬間に止まるのではなく、 摩擦によって減速し ...