浮動標題縮放到頂部像theverge.com

我真的很喜歡浮標頭theverge.com。向下滾動時，標題保持固定在頂部，並且當您向下滾動到某個點時，將顯示「邊緣」徽標，可讓您縮放備份。浮動標題縮放到頂部像theverge.com

我該如何重現一個類似的標題，是否可以用HTML和CSS來完成？

2013-01-07 alchuang

嘗試這與CSS

.fixedHeader { 
    position:fixed; 
    top: 0; 
}

的小按鈕，你應該建立使用jQuery。因此你必須檢查屬性scrollTop知道什麼時候應該顯示按鈕。如果你點擊按鈕，你應該使用jQuery的scrollTop屬性返回零（0）.animate（）。

而且這裏的小按鈕，然後單擊事件：

2013-01-07 19:35:53 algorhythm

注：位置：固定的是越野車，但也有變通辦法。請閱讀http://caniuse.com/#search=fixed並檢查評論。 – mrbinky3000

@algorhythm我向你致敬，先生。你太棒了！ – alchuang

不要忘記包含jquery.ui的緩動效果;-)你可以在這裏輕鬆獲取它http://scriptsrc.net – algorhythm

回答