修复相对于浏览器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