[JS]特定のエリアのみをスクロールしても同じ位置に表示するスクリプト

WebResourcesDepotのエントリーから、特定のエリアのみ(キャプチャの右のエリア)をスクロールしても、同じ場所に表示するスクリプトの紹介です。

aaa

Smart Floating Banners
デモ:1
デモ:2

スクリプトはjQueryをベースにしたもので、デモでは右に配置されたエリアの特定の一部のみをスクロールしても同じ場所に表示させています。

当サイトが配布している「Page Scroller(スムーズにスクロールするスクリプト)」と、同じ位置に表示するスクリプトの相性が悪い、というのをどこかのブログで見かけたのですが、これを使用すると特に問題無く実装できました。
Page Scrollerと合体させたデモ(「右パネルのtop」と「ページ下のtop」)

Page Scrollerは、「$」ではなく「$j」を使用なので、下記のように変更しています。

sponsors

top of page

©2024 coliss