使用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的粘滯頁腳

回答

相關問題