Trouver décalage par rapport à un parent de défilement div à la place de la fenêtre

J'ai un défilement de l'élément à l'intérieur d'une fenêtre.

Dire une division d'avoir une classe "currentContainer" avec trop-plein automatique et que la division contient énorme quantité de texte de sorte qu'il est certainement assez grand pour être défilement.

Maintenant, je dois faire quelques calculs basés sur la façon dont beaucoup de la "currentContainer" a défile vers le bas + qu'est-ce que le décalage d'un élément spécifique de son parent div défilement (qui est "currentCoantainer").

Mais alors que le calcul de décalage, je reçois toujours le décalage de l'enfant intérieur de l'élément à l'égard de la fenêtre n'est pas avec le "currentContainer".

JS FIDDLE

@Shikkediel j'ai aussi essayé d'utiliser position().top au lieu de offset().top mais c'est aussi donner le même résultat. Avoir un coup d'oeil :

JS FIDDLE 2

S'il vous plaît ne pas suggérer à l'aide de :

$("<reference of scrolling element").scrollTop() 
+ 
$("<reference of child element whose offset I want to calculate>").offset().top

Parce que cela va compliquer mes calculs je suis sur le point de le faire au-delà de cette.

Raison pour laquelle je ne veux pas utiliser le ci-dessus mentionné approche est que je suis en train de modifier un code existant qui est déjà trop compliqué, mais fonctionne parfaitement avec un regard à la fenêtre, j'ai juste à le mettre à jour afin qu'il commence à travailler par rapport à son parent div défilement.

J'ai essayé d'utiliser mentionnés ci-dessus, mais il a ouvert une boîte de crabe pour moi. parce que les fonctions sont trop étroitement liés. Donc, je pense que si je peux faire simple et direct, la solution c'est à dire le remplacement de .offset().top avec quelque chose d'autre.

J'ai essayé de déboguer le code et toujours pas de chance, j'ai ajouté le code à http://jsfiddle.net/arpitajain/kwkm7com/

P. S. C'est le code réel, mais pas complète, je pense que Le reste du code n'était pas nécessaire pour cette erreur.

  • Pas très clair ce que vous demandez, mais regarder dans .position(), cela est compensé par rapport à la mère.
  • Bon, je ré cadre de ma phrase.
  • Des acclamations. Une bonne description de l'onduleur les chances de trouver une solution. 🙂
  • Désolé pour le mauvais anglais, mais j'ai essayé d'expliquer les choses en détail, laissez-moi savoir Si je suis incapable d'expliquer quelque chose.
  • Votre question est toujours pas clair.. Pouvez-vous expliquer à l'aide de l'exemple " px " unités et certains mspaint image des indices ?
  • J'ai enlevé la réponse, car il n'a pas vraiment d'offrir une solution, après tout. Et il semble qu'une solution a été trouvée sous la forme d'un compromis.

InformationsquelleAutor Arpita | 2015-04-12
  1. 12

    Vous pourriez juste soustraire le décalage de l'élément parent de l'offset de l'élément enfant. Fera que compliquer les autres choses que vous devez faire ainsi?

    $(".getoffset").offset().top - $(".getoffset").offsetParent().offset().top

    http://jsfiddle.net/kmLr07oh/2/

    InformationsquelleAutor Tim Mullen
  2. 4

    C'est probablement ce que vous cherchez

    var scrollOffset = $(".container .element")[0].offsetTop - $(".container")[0].offsetTop

    -----------

    Si vous souhaitez fond cela devrait vous obtenez la plupart du chemin:

    //Position of first element relative to container top
var scrollTop = $(".container .element").offset().top - $(".container").offset().top;

//Position of selected element relative to container top
var targetTop = $(".container > *").offset().top - $(".container").offset().top;

//The offset of a scrollable container
var scrollOffset = scrollTop - targetTop;

//Scroll untill target element is at the top of its container
$(".container").scrollTop(scrollOffset);

    Voir aussi: Calculer l'offset haut de des éléments à l'intérieur d'un div scrollable

    • La modification de la partie de votre réponse, fonctionne exactement comme je m'y attendais.
    • yep modifier est parfait 🙂
    InformationsquelleAutor Quinn Keaveney