2013-02-22 25 views
-1

我發現一個非常酷的網站,有一個固定的頁腳和頁面在頂部滾動。我無法弄清楚他們是如何做到這一點的?在他們的網站採取lokk:http://sidigital.co/他們是如何將頁腳固定到頁面頂端的?

這是一個腳本或CSS?

+0

右鍵單擊 - >檢查元素或F12。動畫使用js。 – 2013-02-22 19:01:47

+0

我做了,我找到了基本的CSS。仍然困惑。 – Erik 2013-02-22 19:02:21

+0

它必須是腳本。 – Erik 2013-02-22 19:02:51

回答

3

它的CSS。重要的部分在這裏。請注意,身體有一個填充底部,即頁腳的高度。這樣,頁腳不會與主體內容重疊。然後,頁腳的高度是明確的,並且它位於頁面的底部。一個很好的教程是這裏http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

body { 
padding-bottom: 453px; 
overflow-x: hidden; 
} 

.footer { 
height: 475px; 
position: relative; 
display: block; 
position: fixed; 
bottom: 0px; 
z-index: 0; 
} 
+0

謝謝布拉德。說得通。欣賞它。 – Erik 2013-02-22 19:07:18

+3

對於上面的選民來說,如果他知道找到答案的最佳方式,那麼他現在不會問他會嗎?我認爲它總的來說是一個很好的做法,可以給人們帶來懷疑的好處。 – Brad 2013-02-22 19:09:13

+0

@Brad如果他將他的一般問題輸入Google,他會找到數十個指南,答案和教程。 StackOverflow是程序員的社區,而不是圖書館員。 – Blazemonger 2013-02-22 19:11:53

相關問題