

下記サイトの右メニュー下にある、「スポンサードリンク」のように、スクロールしてもページ内の固定位置に残るメニューを実装したいです。

<http://www.akb48matomemory.com/archives/1017688632.html>

ただ、以下のようにもしたいのですがこういった実装は可能なのでしょうか。

  * 下にスクロールした場合はトップ固定
  * 下から上にスクロールした場合はウインドウの下部に固定

お知恵を拝借させてください。  
よろしくお願いします。


CC BY-SA 3.0
2015-01-17T01:56:14.097
4715
2015-09-15T11:54:19.943
2015-01-17T02:16:05.267
4978
question
javascript css jquery
jQuery で、スクロール追従型にメニューをカスタマイズしたい


onscrollイベントのコールバックで現在の「scrollTop」とその前の「scrollTop」を較べていて方向が分かった上で、CSSのposition:
fixedとtop: 0かbottom: 0でできます。

下記のように「scrollTop」をどのブラウザーでも計算できます。

[code]

    window.pageYOffset || (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop
    
[/code]


CC BY-SA 3.0
2015-01-18T06:08:08.677
4776
2015-01-18T06:08:08.677
7358
4715
answer