webruary

RSS

Jquery で一定範囲のみスクロールに追従させてみる。

最近ちょくちょくいろんなサイトで見かける仕掛け。
基本は固定表示で、スクロールすると追従するってやつ。
自分もオシャレの一環として(?)←にあるSNSボタンに適用してみました。
見ての通り、記事が書かれている範囲のみスクロールに追従するようになっております。

当初、やり方はちょちょっと調べればすぐ分かるだろうと余裕こいてたら、紹介されてるのがだいたいスクロールすると無限に追従する系で、一定範囲となるとプラグインを使用したり、追加機能や事細かに指定してたりと「単純かつシンプルに一定範囲だけ追従させたい」自分としてはイマイチあわないということで考えてみました。

もし、このやり方が合うサイトを制作してる方がおりましたら、ご参考ください。
ただし、自分の文才がない+説明ベタな箇所が多数あるので、そこは想像をふくらませてご対応ください。

続きを読む »