Sticky Sidebar jQuery plugin(スクロールについてくる要素を実現するjQuery)

ホームページをスクロールしても、
ある一定の位置についてくる要素を実現するjQueryプラグインのひとつ。

以前はよく強調したいリンクバナーなどで使用されていたものだが、
スクロールしてもついてくるので、どうしてもしつこい感が出てしまい、
個人的には好感を持てなかった。

最近では、ショッピングカートの合計金額表示の要素としても多く利用されている。
より実用的な利用法に変わったと言えるが、やはりしつこい感は否めない。
(見たければ、自分でその場所にスクロールして行くっつぅ〜の!)

とりわけスクロールした直後、移動してきた要素がバウンドするのが好きではない。
どうしても余計な動きに目が行くため、しつこい感にさらにウザ感がプラスされてしまう。そのためイライラしてしまう。
この手のエフェクトを使う際はよほど気をつけたほうがよいだろう。

 

ちなみに、おそらく自分のようにバウンド効果をウザイと感じる人がいることを
意識しているからでしょう、アップルストアの現在のホームページでは、
カートの合計金額欄の要素がスクロールに合わせてついてくるにはついてくるのですが、バウンドしないで、ある一定の位置に固定するようになっています。
(これだと、多少ウザ感が少ない。)

以下のホームページでデモの確認とダウンロード先へのリンクがある。

Sticky Sidebar jQuery plugin | Phil Parsons(詳細ホームページ)

https://github.com/p-m-p/jQuery-Stickybox(実際のDLホームページ)

 

【サンプル画像】
Sticky Sidebar jQuery plugin(スクロールについてくる要素を実現するjQuery)

 

Tags: