滚动后如何放置窗口的div中心

Question

我有一个div,即使在滚动之后也应该是窗口的中心.如何实现它

http://www.flickr.com/photos/41695354@N08/4496376638/

Answer 1

您可以使用位于中心的固定宽度和带有一半宽度和一半高度的负边距来实现.因此,对于id your_div为200x200 的div ,您可以:

#your_div {
    width: 200px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
}