當滾動條縮小時，Google+如何在導航的左側標記其徽標？

Question

Google+如何在徽標縮小時在其導航欄上滑動標記？我可以讓滾動條縮小滾動條，但不像他們那樣做，我不知道他們如何動畫圖標。我真的只想在導航欄上具有該功能。

Answer 1

這是所有的CSS那裏混合了一些JavaScript。他們檢測用戶的當前滾動位置，並根據該值更改圖像和標誌以及元素的值。

這樣，他們爲用戶提供了用戶界面。您不需要爲圖標設置動畫，只需將其展示在您要隱藏的托盤中，直到用戶位於頂部即可。