Bloquer le scroll à l'ouverture du menu

Bonjour, je suis débutant en css et je crée mon premier site web actuellement. Il est d'ailleurs disponible sur ce lien drive en ouvrant l'index : https://drive.google.com/drive/u/0/f...k_fSU20nSu3JX8 .

Je rencontre deux problème avec la barre de navigation (j'ai suivi se tuto: https://youtu.be/HQopEEurQYE qui est celui d'une nav bar responsive).

- le premier est que lorsque le menu de navigation est en mode mobile je souhaiterais bloquer le Scroll pour ne pas que le footer et le reste du site soit visible et que donc les menu avec le fond flou occupent bien tout l'écran.

- le deuxième est que vu que le menu navbar doit prendre toute la page pour occuper tout l'écran avec les menus et le fond flottés il a une height de 100vh. Hors quand je souhaite mettre un élément par exemple du texte sur la page il s'écrit en dessous de ces 100vh alors comment faire pour le remonter ? Je sais qu'ensuite il existe la commande z-index pour le faire apparaître en dessous du menu ouvert.

Voilà je vous remercie d'avance !

Tristan