スクロールに合わせて移動

Posted by muchag | CSS | 2011-05-31 (火) 20:54:53
状況

ネットサーフィンをしていると
縦スクロールに合わせて
メニューやら広告やらが移動するページがある。
 

システム

というか、移動しているのはスクロールしている本体の方で
メニューやら広告は、それに合わせて移動せずに
定位置を保っている、というのが現実。

要は、そのオブジェクトを
ウィンドウに対して絶対位置で固定 している。
 

設定

よって

  1. <div id="sidebar">hoge</div>

に対して

  1. div#sidebar {
  2.     position: fixed;
  3. }

これで実現可能。

CSS | 2011-05-31 (火) 20:54:53 |

コメントはまだありません »

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment