用户滚动页面后将div保持在适当位置

时间:2011-08-02 20:40:12

标签: css html scroll positioning

#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保持距离页面右下角20x20像素的位置。但我的网站包含一个“无限页面”分页功能,当滚动条出现在浏览器窗口上因为内容增加时,div不会保持其在右下角的位置,而是向上移动页面。即使用户滚动或出现滚动条,如何让这个div保持在右下角?感谢

2 个答案:

答案 0 :(得分:19)

position: fixed;

这应该这样做

答案 1 :(得分:0)

我遇到类似的问题,一个角落div调用。在水平滚动条上,当其他所有内容都移动时,呼出保持不变。确保容器div具有以下属性:

position: relative;

在我的案例中提供了帮助,以及与您类似的代码。