向上捲動時，讓 header 出現；向下捲動時，讓 header 消失。

當使用者在瀏覽頁面內容時，header 佔的空間就減少了主內容的空間，所以我們可以設定當使用者向下捲動時，是在觀看主內容，這時就把 header 隱藏起來；當使用者向上捲動時，可能想要使用主選單，就將 header 再度顯示。