[Résolu] Problème défilement de la page suite à modification DOM

Bonjour,

je veux faire un site où la page principale contient l'architecture des données à afficher sous forme de div masqué.

Ensuite, en fonction du choix du visiteur, j'affiche les div en y ajoutant du contenu via JQuery :
$('<p>').appendTo('.div1 .sousdiv1').text('nouveau texte');

Jusque là pas de problème.

Le souci est que lorsque tout est affiché, il est impossible de faire défiler la page autrement que par les flèches du clavier : il n'y a même pas d'ascenseur !

Je pense qu'au chagement de la page, celle-ci étant vide, le navigateur ne détecte pas le besoin d'un ascenseur et comme j'ajoute les textes en JQuery ensuite, alors le navigateur ne détecte pas le changement de la taille de la page.

Est-ce bien ça ?

Comment résoudre mon problème ? Avez-vous des idées ?

Codepen ? Je ne connais pas. As-tu des détails ?

Je vais uploader la partie test de mon site pour donner accès au problème. Je te préviens quand c'est fait.

Codepen c'est simplement une plateforme pour ecrire ton code et le partager.

Merci.
Je teste.