Obtention d'un décalage d'un objet hors écran

Question

J'essaie d'obtenir la position décalée d'un objet qui n'est pas à l'écran. Par exemple, J'ai un défilement qui affiche deux pages html, je veux dessiner des lignes sur la deuxième page qui n'est pas sur l'écran actuel. Quand j'essaie d'obtenir un décalage, retournez-moi NaN.

Quelqu'un at-il une idée de comment obtenir les positions de l'objet qui n'est pas à l'écran?

Answer 1

Je ne connais aucun problème pour obtenir la position d'un objet hors écran. Vous avez juste besoin de vous assurer qu'il est rendu. Habituellement, le problème est que votre élément est configuré pour afficher: none, auquel cas vous obtenez NaN pour sa position. Il y a deux solutions:

• rendre l'élément absolument positionné (display: block) avec en haut à gauche très négatif il est donc hors champ
• Il suffit d'utiliser « visibility: hidden » au lieu. Cela l'oblige à calculer les dimensions même si elles ne sont pas visibles (puisqu'elles occupent de l'espace)

Veuillez poster un code simplifié pour montrer votre problème si cela ne résout pas votre problème.