2010-12-23 94 views
4

這個問題是一個總noob的人,但我無法區分正常頁腳和粘性頁腳之間的區別。什麼是粘性頁腳?

+2

在什麼情況下?你在哪裏閱讀關於'粘腳'的內容?我可以隨機猜測,即使內容比''更長,'粘'也可能意味着'在窗口底部',但這取決於。我不妨問你 - 「正常手臂和手臂是否有區別?」_上下文很重要。 – Phrogz 2010-12-23 16:21:43

+1

我正在閱讀有關他們在css-tricks.com。我想問的是,如果在普通人和粘性人之間沒有區別,那我們爲什麼要使用它?像手臂比喻,雖然! – 2010-12-23 16:30:12

回答

1

我假設一個棘手的頁腳停留在同一個地方在屏幕上所有的時間。在什麼情況下?

2

我猜一個棘手的頁腳是一個保持固定到頁面的底部,與內容無關的長度。像this

+0

做得很好鏈接 – BenWells 2010-12-23 16:29:32

1

粘滯頁腳錨固到瀏覽器視口的底部,而不是整個頁面的底部。當頁面滾動時,它保持相對於瀏覽器底部的位置。

1

粘頁腳始終保持在一個固定的位置在屏幕上,無論您滾動或not.It將是可見的,在特定的地方所有的時間。

0

此CSS粘頁腳代碼將網站頁腳推到瀏覽器窗口的底部。它是有效的CSS和HTML,沒有惡意的黑客攻擊,所以它適用於所有主流瀏覽器(即使是現在不存在的IE5和IE6)。

 How to use the CSS Sticky Footer on your website, 

添加CSS以下行到你的樣式表。 .wrapper中邊距的負值與.footer和.push的高度相同。負邊距應始終等於頁腳的整個高度(包括可能添加的任何填充或邊框)。 請按照此HTML結構。沒有內容可以超出.wrapper和.footer div標籤,除非它完全使用CSS定位。在.push div中也應該沒有內容,因爲它是一個隱藏的元素,可以「向下」壓入頁腳,因此它不會與任何內容重疊。

0

CSS Tricks

粘頁腳的目的是,它「粘」到瀏覽器窗口的底部。但並非總是如此,如果頁面上有足夠的內容來降低頁腳,它仍然會這樣做。但是,如果頁面上的內容很短,粘滯的頁腳仍然會掛在瀏覽器窗口的底部。

Sticky Footer