下からスライドして出てくる感じのモーダル

DEMO

codepen
https://codepen.io/kkosuke/pen/vYdWMjm

イメージ

開く前	開いたあと

気にしたこと

• css でanimation
• 閉じたり開いたり
• 開いた時に裏側のスクロールを抑える
• fixed内のscrollをすると、スクロールが出来なくなるバグ(?)にも対応
• iPhoneのアドレスバーのスキマにも配慮

参考

https://simplesimples.com/web/markup/javascript/ios-safari-bugfix-smooth-scroll/
https://stackoverflow.com/questions/69589924/ios-15-minimized-address-bar-issue-with-fixed-position-full-screen-content