我發現一個非常酷的網站,有一個固定的頁腳和頁面在頂部滾動。我無法弄清楚他們是如何做到這一點的?在他們的網站採取lokk:http://sidigital.co/他們是如何將頁腳固定到頁面頂端的?
這是一個腳本或CSS?
我發現一個非常酷的網站,有一個固定的頁腳和頁面在頂部滾動。我無法弄清楚他們是如何做到這一點的?在他們的網站採取lokk:http://sidigital.co/他們是如何將頁腳固定到頁面頂端的?
這是一個腳本或CSS?
它的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;
}
謝謝布拉德。說得通。欣賞它。 – Erik 2013-02-22 19:07:18
對於上面的選民來說,如果他知道找到答案的最佳方式,那麼他現在不會問他會嗎?我認爲它總的來說是一個很好的做法,可以給人們帶來懷疑的好處。 – Brad 2013-02-22 19:09:13
@Brad如果他將他的一般問題輸入Google,他會找到數十個指南,答案和教程。 StackOverflow是程序員的社區,而不是圖書館員。 – Blazemonger 2013-02-22 19:11:53
右鍵單擊 - >檢查元素或F12。動畫使用js。 – 2013-02-22 19:01:47
我做了,我找到了基本的CSS。仍然困惑。 – Erik 2013-02-22 19:02:21
它必須是腳本。 – Erik 2013-02-22 19:02:51