jquery - ブラウザー Chrome に関連する HTML ページ要素を修正する

Question

ページの左上隅に div を配置しようとしていますが、ブラウザー ウィンドウのサイズ変更やページのスクロールに関係なく、そこに留まりたいと考えています。

プレーンな CSS (可能であれば) または jQuery を使用してこれを行うにはどうすればよいですか?

Answer 1

css の位置を使用: 固定;

#fixedDiv {
    position: fixed;
    left: 20px;
    top:20px;
    width: 50px;
    height: 50px;
}

IE6 については、http: //www.cssplay.co.uk/layouts/fixed.html を参照してください。

Answer 2

css-selector {
    position: fixed;
    top: 0;
    left: 0;
}

z インデックスに注意してください。高い = 前景。