Question

如何让DIV随页面浮动？目前我的设置如下：http://g2n.us/Dev/TheHabbos_6975/ 我可以使用以下CSS来做到这一点：代码：

.stayStill {
  position: fixed;
  width: 300px;
}

但是我怎么能得到它，当标题滚动时，右边的DIV向上移动并保持距离顶部10个像素并滚动页面，除非标题在那里？

Answer 1

你需要JavaScript才能做到这一点。

您的网站已经在使用它，因此使用JavaScript执行此操作应该没有问题。

一些教程：

Answer 2

此答案使用jQuery

您可以将其放入$.ready()功能

var int_header_height = 10; //put pixel value height of header here
if ($(document).scrollTop() <= int_header_height) {
    $('div.stayStill').css('position','absolute').css('top','0px');
} else {
    $('div.stayStill').css('position','fixed').css('top','10px');
}

这也假设div位于标题下方的position: relative元素中。否则，您应该将.css('top','0px')更改为.css('top',int_header_height + 'px')

DIV浮动页面

2 个答案: