ヘッダーの作成方法(Airbnb風)

3回目の質問になります。いつもご丁寧にお答えいただけて本当に感謝しています。
下記の機能を自分では作成できなかったので、もし可能な場合、やり方を教えていただけると嬉しいです。

###実装したい機能
・Airbnbのスマホアプリのヘッダー
スマホ画面のスクロールに合わせてヘッダーのデザインが変わる(添付画像をご覧ください)

スクリーンショット

ヘッダー①

ヘッダー②

ヘッダー③

補足情報

Airbnbのブラウザ版ではその機能がなかったので、web上では難しいのですかね…?

「いいね!」 2

Airbnbを使ったことがないので切り替えるということで正しいのか不明ですが、
「Crrent page scrolling position」を用いて、スクロール状態ごとにヘッダーをconditionで切り替えるのはいかがでしょうか?

ありがとうございます!
そのような関数があったのですね!
これで何とか実装できそうです :bowing_man:

「いいね!」 2