用户滚动页面后保持div位置不变

Question

#div1 {
    background: #ffffff;
    padding: 6px;
    color:#333; 
    font:normal 10px Arial, Helvetica, sans-serif; 
    text-decoration: none; 
    text-transform: uppercase;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

这个div保持在页面的右下角，距离底部和右侧各20像素。但我的网站包含一个“无限页面”分页功能，当浏览器窗口因内容增加而出现滚动条时，该div不会保持在右下角位置，而是向上移动到页面上方。如何使该div即使用户滚动或出现滚动条也能保持在右下角呢？谢谢。

- user852974

Answer 1

position: fixed;

这样应该可以做到

- Warface

Answer 2

我遇到了一个类似的问题，那就是在水平滚动时，角落的 div call-out 保持不变，而其他所有内容都在移动。确保容器 div 具有以下属性：

position: relative;

在我的情况下有所帮助，与你的代码类似。

- user3295053