スクロール時のheader挙動

スクロール時のheaderの挙動、
下スクロール時はheaderを隠す、上スクロールで戻る際はheaderを表示させるを実装するために
参考にさせていただいたサイト

参考サイト
【jQuery＆CSS】スマホで使える、下スクロールで消えて、上スクロールで表示されるバナーを作ろう
【jQuery】スクロール量はscrollTop()で取得、わかりにくいoffset().topとの違い