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-index。更高 = 前景。