Question

非常感谢你的帮助，堆栈溢出。

CSS就在这里

jQuery源代码包含在页面中。

Answer 1

这是因为你的“.center”类的位置是固定的。尝试将其切换为绝对值：

.center{
   //other styles
   position: absolute;
}

Answer 2

将position:fixed等级position:absolute更改为.center

.center
{

    position:absolute;
    left:50%;
    margin-left:-490px;

}

注意：在固定位置，元素相对于浏览器定位。

Answer 3

或者你可以使用这个

.center{
    width: 980px;
    margin: 0px auto;
}

少了一点代码：）

Answer 4

badAdviceGuy是对的，这是因为你的位置是固定的。无论滚动值是什么，这都告诉该项目留在此页面的这一部分。

但是，您甚至不需要在此设置绝对或固定位置。

一个很好的修复方法是删除您当前在中心标记上设置的所有样式。然后像这样设计：

.center{
    width: 980px;
    margin: 0 auto;
}

我们使用980px，因为这是图像/图像容器的宽度，并且很可能总是如此，至少在这个项目中。

边距：0自动，基本上告诉你的中心容器在顶部和底部边距上添加0px，但是将左边距和右边距设置为相同的px数量，以便元素在其容器中居中。