CSS - Dropbox網站頁腳效果？

Question

見的Dropbox的網站在這裏：https://www.dropbox.com

注意頁腳如何在底部「瞭解更多」 住宿，直到你點擊或向下滾動，不管你多麼調整窗口的大小？

position: absolute; 
bottom: 50px; 
left: 0; 
width: 100%; 
text-align: center; 
cursor: pointer; 

以上是CSS的頁腳部分，但那不會導致影響。

如何達到這個效果，我想不出來。

Answer 1

我假設你是在討論那個始終用「瞭解更多」粘貼到窗口底部填充整個瀏覽器窗口的首頁？

有多種方法可以做到這一點，這裏有一個：

把你的第一頁在<div>（或任何其他容器），並設置它的高度100vh，這將一直調整到瀏覽器窗口的高度（視圖高度的100％）。

然後只需使用position: absolute;即可附加「瞭解更多」鏈接。

儘管您可以使用相同的技術製作可翻頁的頁面（類似於幻燈片），但以下頁面可以採用任何高度。

You can try it using this fiddle.

Answer 2

職位：固定是你想要的，而不是絕對的。