javascript-tutorial / javascript-tutorial/en.javascript.info

Error description with element hidden check in "Element size and scrolling"

Ouverte
#1,955 4 commentaires 0 réactions 0 personnes assignées Voir sur GitHub
tell your opinion
Langage dominant
HTML
Étoiles
25.5k
Forks
4k
Métriques de merge des PR
Aucune PR mergée en 30 j

Description

The tutorial said:

> Geometry properties are calculated only for displayed elements.
>
> If an element (or any of its ancestors) has display:none or is not in the document, then all geometry properties are zero (or null for offsetParent).
>
> For example, offsetParent is null, and offsetWidth, offsetHeight are 0 when we created an element, but haven’t inserted it into the document yet, or it (or it’s ancestor) has display:none.
>
> We can use this to check if an element is hidden, like this:
>
> ```js
> function isHidden(elem) {
> return !elem.offsetWidth && !elem.offsetHeight;
> }
> ```

But, what if the hidden element is hidden by setting the `width` to `0`, not the `height`? 😀

Guide de contribution

Aucun guide de contribution indexé pour ce dépôt

Piste de recherche

Commencez par la section du tutoriel « Taille et défilement des éléments » et examinez l’explication citée des propriétés géométriques ainsi que l’exemple isHidden. Précisez le comportement de l’exemple lorsqu’un élément a une largeur nulle et veillez à ce que le texte final explique correctement la vérification d’un élément masqué.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript
Domaine
documentation
Type d'issue
Documentation
Difficulté
2/5
Temps estimé
1-3 heures
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.