上から下にスワイプするとメニューが表示される画面の実装について(スマホアプリ)

Question

開発やこういった場所での質問をあまりしたことない初心者ですが、
皆さんのお知恵を借りれたらと思って投稿しました。

まだ実装してないのとざっくりとした質問にしかなっていないのですが、
参考になるサイトなどあったら教えていただけると嬉しいです。

前提・実現したいこと

HTML、JSで、アンドロイドのアプリの画面の実装しています

実現したいのは、
上から下にスワイプすると、元の画面に重なる形でメニューが表示される画面の実装です。
伝わりにくいかもしれないですが、動きのイメージを画像にしてみました。

紅葉の写真がもともと表示するHTML、オレンジの四角い部分が上から下にスワイプした時に合わせて表示させたいメニューの部分になります。

わかっていること

• 上から下へのスワイプの取得の仕方（タッチイベントを使う）

わからないこと

• オレンジのメニューを上からぬるっと表示させる方法
• オレンジのメニューのHTMLをどう書いたらいいのか

該当のソースコード

未実装のためなし

その他

JavaScriptのライブラリなどはあまり使わず自分でコードを書きながら進められたらと考えています。