Qu'est-ce que DOM de redistribution?
Je lisais à propos de la différence entre les deux propriétés css display:none
et visibility:hidden
et rencontré DOM redistribution terme.
La déclaration a été
display: none
causes DOM de redistribution où estvisibility: hidden
ne l'est pas.
Donc ma question est:
Qu'est-ce que DOM redistribution et comment il fonctionne?
- visibility: hidden garder l'objet dans l'espace, de sorte que le navigateur n'a pas besoin de recalculer les dom position de l'élément de
- Simplement dit, DOM de Redistribution, c'est quand votre navigateur a besoin de recalculer la position/taille de vous des éléments du DOM pour afficher une page. Dans votre exemple, vous avez probablement remarqué que
visibility: hidden
élément semble être encore là (l'espace nécessaire pour montrer qu'il est encore prise, il est toujours "dans le flux", juste invisible), tandis qu'undisplay: none
élément prend votre élément complètement hors de la circulation. - Je suis venu ici en voyant l'énoncé exact.
Vous devez vous connecter pour publier un commentaire.
Pour plus d'informations, veuillez consulter ici: Repeint et les Remboursements: Manipulation du DOM de manière responsable
visibility
ànone
n'est pas un changement de style CSS?https://developers.google.com/speed/articles/reflow
display:none
cacher ladiv
comme si lediv
n'est pas rendu alors quevisibility:hidden
ne cache mais l'espace est toujours occupéeC'est à dire que si tu dinamically
display: none;
, votre navigateur va recalculer les positions des éléments du DOM, si visisbility: hidden; - pas. Pense, parce quevisibility: hidden;
ne pas changer les tailles de l'élément dans le dom.