ヘッダーメニューを一度隠してスクロール後に再度表示する方法

Question

下記のような動きのヘッダーメニューを作成したいのですが、
https://kamimuraandcompany.jp/

下スクロール時に一度ヘッダーメニューを隠して、
フッターまでスクロール後に再度表示するにはどのようにコードを書けば良いでしょうか。

ちなみに、ワードプレスで制作予定です。
PHPバージョン　7.3.13
ワードプレスバージョン　5.4

Javascriptをheader.phpに書くことになるかと思っています。

よろしくお願い致します。