-
あらゆる形式の美化拡張機能 (画像のカスタマイズを含む)、クロスブラウザーのサポートをサポート
-
マウスで上下の矢印ボタンを押したまま上下にスクロールできるようにします
-
スクロールコンテンツ領域だけでなく、「スクロールバー領域」にマウスホイールを配置することによるスクロールをサポートします
-
マウスでスクロール バーを押したまま (離さずに) スクロール領域の外に移動すると、ドラッグしてスクロールすることができます
-
スクロールバーは、左側のスクロールコンテンツの高さと表示領域の高さに比例し、スクロールバーがある程度細い場合は、コンテンツの最小の高さの値が設定されます。小さすぎるため、スクロールバーが隠れています
-
スクロール バーの上下の空白領域でのマウス クリックをサポートし、上下の位置決めスクロールを実現します (Windows のスクロール バーをシミュレート)
-
キーボードの上下の矢印キーをサポートします。スクロール領域がスクロールされた後は、ページ本体がスクロールします。
-
ページの更新後のスクロール バーのスクロール位置の保持をサポートします (ブラウザーのサポートまたは Cookie をオンにする必要があります)
-
カスタム スクロール領域にマウスを置き、ホイールをスクロールします。スクロール領域がスクロールされたら、ページ本体がスクロールします。
-
コードは以前のバージョンに基づいてリファクタリングされています。今回は、レンダリングされた div に「dumascroll」という名前のクラスを追加するだけで、このクラスがないものには影響しません。
- 以前のバージョンで見つかったバグを修正しました: 以前のバージョン
将来のバージョンでも引き続き機能を拡張できます:
1、 スペース バーの「下方向」高速スクロールのサポートを追加します (Windows スクロール バーのユーザー エクスペリエンスをより適切にシミュレートするため) 2、
ページ本体のレンダリング サポートを追加します 3.
テキストエリアのレンダリング サポートを追加します 4.
ネストされた div のレンダリング サポートを追加します (コードがネストされた)、ネストされた div のスクロール高さアルゴリズムはこのバージョンで大幅に変更されます) 5.
同時水平スクロール バーのサポートを追加します (必要な場合は拡張できます) デモ:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
