滚动时保持DIV底部屏幕

Question

我在底部页脚有一个DIV，我想在屏幕的顶部和底部一直保持，但只有在顶部并且当位置在像素上时固定在底部（例如：从上到下的500px）。

如果＆lt; 500px是正常DIV，＆gt; 500px固定在底部。

我已经使用了css，但总是在底部。

body {
    margin-bottom:90px;
}

#footer {
    bottom: 0px;
    position:fixed;
    margin-top: 10px;
    width: 100%;
}

Answer 1

您需要使用媒体查询：

CSS：

#footer {
    top: 0px;  /* you can delete these two lines if you want the position as it is */
    position:fixed;
    margin-top: 10px;
    width: 100%;
}

@media screen and (min-width:500px){
    #footer { bottom: 0px; }
}