Empêche le défilement de la page lorsque des éléments de page sont supprimés

Question

J'ai un tas de divs que je supprime du document en utilisant javascript. Lorsque cela est fait, la longueur de la page est souvent raccourcie de manière significative, et si l'utilisateur a fait défiler la page, il est brusquement recentré parce que la page entière tient maintenant sur la fenêtre.

Cela signifie que l'utilisateur n'a plus la souris sur les mêmes boutons de la page. Je voudrais empêcher ce défilement automatique, mais il semble que cela puisse être difficile. J'avoue que cela n'a pas beaucoup de sens d'autoriser le défilement d'une page de son contenu. On dirait que le mieux que je puisse faire est de laisser des divs fictifs comme des espaces réservés. Une fois que l'utilisateur fait défiler vers le haut, nettoyez-les pour rétrécir la page.

Existe-t-il d'autres solutions plus propres?

Answer 1

Vous pouvez simplement définir les divs à supprimer à visibility: hidden (ajouter une classe ou similaire) afin qu'ils occupent toujours de la place dans le document. Au moment opportun, vous les retirez réellement et permettez au document de reflow.