2019年05月22日(水)

[JS]スクロール・マウスの位置や速度など、ビューポートの状態を簡単に取得できるJavaScriptライブラリ -Tornis

• 0
• 72
• 58
• 132

スクロールの速度に合わせたアニメーション、スクロールの位置に合わせたパララックス、マウスの位置・速度に合わせたパララックス、ビューポートのサイズに合わせたレイアウト変更などを実装するために、ビューポートを監視し、その状態を簡単に取得できる軽量JavaScriptライブラリを紹介します。

位置を取得できるのはよくありますが、速度まで取得できるのは珍しいですね。

Tornis
Tornis -GitHub

Tornisの特徴

Tornisは、ブラウザのビューポートの状態を監視する軽量のJavaScriptライブラリです。ビューポート・スクロール・マウスなどに何か変化があった時にその値を取得できます。

• マウスの位置
• マウスの速度
• ビューポートのサイズ
• スクロールの位置
<...