表示100vhでスクロール不可の場合にもアンカーリンクでふわっと表示したい

Question

１ページ続きのページで、表示部分は100vhでスクロール不可です。

#wrap {
    height: 100vh;
    overflow: hidden;
}

メニューを固定で表示しており、
アンカーリンクで該当箇所が100vhの中に上下して入ってくる作りです。
その際にスルスルと（ふわっとでも）表示させたいのですが、
"overflow: hidden;" があることでスクロールによるふわっと表示などは効かない状態です。
（"overflow: hidden;"　を外せば機能します）

ページ内アンカーリンクで、しかも"overflow: hidden;" があってもふわっと表示することは可能でしょうか。
お分かりになる方がいっらっしゃいましたら
お手数ですがご教示いただけますと大変助かります。
よろしくお願いいたします。

Answer 1

これでどうですか？

#wrap {
  height: 100vh;
  overflow: hidden;
  scroll-behavior: smooth;
}

[動作サンプル](https://codepen.io/recal/pen/xxYOYYX

Comments

[takuharu]

おぉおおお！
これで動きました！！
jqueryやアニメーションで頑張っていましたが、
こんなにシンプルに解決できるなんて感動です。
大変助かりました！ありがとうございます。