jquery - premium - Obtener la distancia del elemento en relación con su elemento padre

generatepress woocommerce

Question

Me gustaría saber cómo obtener la distancia / desplazamiento / posición de un elemento en relación con su elemento principal.

A diferencia de la funcionalidad position() jQuery, que obtiene la posición relativa a la posición de desplazamiento del padre, necesito obtener la posición estable (asumiendo) de un elemento como su distancia desde la parte superior del elemento contenedor / padre.

ejemplo:

<div id="parent">
  <div id="pos1">Has a position of 0px from top of containing parent el.</div>
  <br style="height:20px;">
  <br style="height:20px;">
  <div id="pos2">Has a position of 40px from top of containing parent el.</div>
</div>

Entonces, no importa cuál sea la posición del elemento principal en el documento, la posición de pos1 y pos2 se informará de la misma manera, ya que no cambian en relación con su elemento principal ...

es posible?

Answer 1

Este código funciona para mí.

var child_top = $("#parent_div").scrollTop() + $("#child_div").offset().top

Answer 2

Esto debería hacerlo:

$(''#pos1'').offset().top - $(''#pos1'').parent().offset().top - $(''#pos1'').parent().scrollTop() 

Answer 3

Parent.offset () - child.offset ()?

Usando jQuery offset ()