最初のsectionのみ、1画面スクロールし、次のsectionから通常のスクロールするようにしたい

省略していますが、大まかには下記のようなタグの構成になっています。 <header> <section id="no1"> ～～～ </section> <section id="no2"> ～～～ </section> <section id="no3"> ～～～ </section> <footer> ◆主な依頼内容 上記でいう #no1 のみ画面100%（100vh）でスクロールしたい。 それ以降は通常スクロールするようにしたいです。 こちらで試したところ、 すべて100%スクロールの対象になってしまうか うまくスクロールが動かない状態になってしまいました。 そのため、 CSSのスクロールスナップでも、javascriptでも手法は問いません。 上記の依頼内容を実現できる方探しています。