使用CSS或jQuery的粘滞页脚

-1

即使在滚动时，如何在浏览器屏幕的底部设置div逗留？使用CSS或jQuery的粘滞页脚

2012-12-13 abc

http://www.google.com/search?q=sticky+footer+using+css –

@Pranav我看到你的谷歌搜索，并提出你一个网站搜索：http://stackoverflow.com/search?q=sticky+footer+css 759个问题。愚蠢的愚蠢。 –

[CSS，粘性页脚]的可能重复（http://stackoverflow.com/questions/10465250/css-sticky-footer），[粘性页脚CSS]（http://stackoverflow.com/questions/5822825/sticky- footer-css）以及与这些问题相关的数十个问题。 –

使用position: fixed财产的附加到该div的CSS。

#footer { 
    position:fixed; 
    bottom:0; 
}

来源

2012-12-13 11:02:09 Sovan

假设你有以下的div

<div class="footer">This is at the bottom</div>

你可以把它贴在视口的底部与下面的CSS

.footer { 
    position: fixed; 
    bottom: 0; 
}

滚动时，会呆在那里连。

来源

2012-12-13 10:59:35 Robusto

有这个CSS一试：

* { 
    margin: 0; 
} 
html, body { 
    height: 100%; 
} 
.wrapper { 
    min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */ 
} 
.footer, .push { 
    height: 142px; /* .push must be the same height as .footer */ 
}

CSS来源：http://ryanfait.com/sticky-footer/

来源

2012-12-13 11:00:13 Cdeez

粘页脚的实施

请看看

http://css-tricks.com/snippets/jquery/jquery-sticky-footer/

来源

2012-12-13 11:00:38 Soarabh

有一个在

http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/

演示页面优良的页脚教程在这里：

http://www.lwis.net/profile/CSS/sticky-footer.html

的基本前提是，主体页面被拉伸到100％的页面。最小的高度也是100％。

然后页脚给出以下规则：

#footer { 
clear: both; 
position: relative; 
z-index: 10; 
height: 3em; 
margin-top: -3em; 
}

我得到的答案从this

来源

2012-12-13 11:06:39 Gadde

使用CSS或jQuery的粘滞页脚

回答

相关问题