[JS]jQueryのアニメーション機能をよりスムーズにするプラグイン -hoverFlow

jQueryで実装するアニメーション機能をよりスムーズにするプラグイン「hoverFlow」を紹介します。

デモのキャプチャ

hoverFlow
demo

hoverFlowはナビゲーションなどにアニメーション機能を実装した際、マウスホバーのアニメーションが継続してしまうことを解消したものです。

デモのキャプチャ

demo

上記ページの「The Problem」のナビゲーションで、マウスを何回も上下に往復してみてください。
マウスを止めても、アニメーションが継続されてしまいます。

これを解消するために「.stop()」を使用したスタディがありますが、アニメーションがぎこちないものになっています。

そこで上記の問題を全て解決し、プラグインとしてリリースしたのが「hoverFlow」です。
ファイル容量も1KB(圧縮時)と軽量となっています。

sponsors

top of page

©2018 coliss