Comment obtenir la position relative d'un objet à l'intérieur d'un div scrollable?

Comment obtenir la position relative d'un objet à l'intérieur d'un div scrollable?

J'ai un div scrollable, l'un sur la gauche dans l'image ci-dessus.

Dans cette div, il existe de nombreux éléments, permet de se concentrer sur l'un d'eux (surlignées en gris) et de l'appeler A.

L'image de droite est une représentation de la div avec la taille complète (sans défilement ou de réglage de la largeur) où A est placé sans défilement.

Comment puis-je trouver la valeur de X (en vert), tout en ayant la gauche de la div actuellement sur la page.
c'est à dire en tenant compte de:

  1. La div sur la page est déjà redimensionnées
  2. La div sur la page de défilement (et qui a déjà défilé)
  3. Je veux pas x y !

c'est à dire Comment obtenir la relative coordonnée y d'un élément à l'intérieur d'un div scrollable ?
en termes simples: comment calculer la valeur de x via javascript ?

êtes-vous à l'aide de jquery ou javascript?

OriginalL'auteur Ashraf Bashir | 2013-01-28

  1. 21

    Essayez ceci :

    var elementTop = document.getElementById('yourElementId').offsetTop;
var divTop = document.getElementById('yourDivId').offsetTop;
var elementRelativeTop = elementTop - divTop;

    OriginalL'auteur RodolpheChe

  2. 1

    Vous devez spécifier le parent div position de la propriété à être parent et ensuite utiliser la position (), méthode (si vous utilisez jquery).

    Vérifier: http://jsfiddle.net/V9rGG/

    Essayez de supprimer le
    position: relative
    et voir ce qui se passe.

    OriginalL'auteur kongeor