Tengo un divisor donde tengo una gran cantidad de texto. Me gustaría realizar un seguimiento de cuánto se ha desplazado un usuario a través de este elemento. Tengo una función en la que puedo rastrear qué tan lejos se ha desplazado el usuario desde la parte superior de la página, esto no es lo que estoy tratando de lograr. Solo estoy buscando rastrear el valor de desplazamiento específico mientras me desplazo a través de un div por clase. Estaba pensando que una buena manera de hacer esto era averiguar qué tan lejos está este elemento de la parte superior de la página en carga, y luego agregar esto al valor de cuánto se ha desplazado el usuario hacia abajo en la página. Tenga en cuenta que con este ejemplo solo hay un elemento antes de la sección que me gustaría rastrear, en realidad, hay muchos. Además, seguro que podría decir bien a 300 px, luego llegaré a esta sección, sin embargo, con respecto a la capacidad de respuesta, esto no es práctico, ya que siempre estará cambiando. Entonces, idealmente, si hubiera una manera de medir la carga, qué tan lejos está '.show-back' de la parte superior de la página, sería increíble.
$(document).ready(function(){ $(window).scroll(function(){ var wScroll = $(this).scrollTop(); console.log(wScroll); }); }); .another-element { height: 300px; width: 100%; background: red; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="another-element"> </div> <div class="show-back"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque blandit purus cursus, sodales tortor vestibulum, fermentum purus. Donec vel venenatis augue. Fusce malesuada cursus ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec et leo ac ex ultricies elementum sit amet non arcu. Etiam quis magna odio. Nam quis nibh elementum, tincidunt felis vitae, tincidunt lorem. Nam ac diam et nisl facilisis ornare. In eget dui vel quam interdum consectetur non sit amet urna. In hac habitasse platea dictumst. Pellentesque a elit id lacus hendrerit vestibulum ac in ligula. Cras hendrerit neque sit amet pretium sodales. Praesent consectetur odio vitae est bibendum, nec gravida elit vehicula. Ut quis odio vitae mi dictum iaculis quis vel ipsum. Nam suscipit aliquam sollicitudin. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque blandit purus cursus, sodales tortor vestibulum, fermentum purus. Donec vel venenatis augue. Fusce malesuada cursus ornare. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec et leo ac ex ultricies elementum sit amet non arcu. Etiam quis magna odio. Nam quis nibh elementum, tincidunt felis vitae, tincidunt lorem. Nam ac diam et nisl facilisis ornare. In eget dui vel quam interdum consectetur non sit amet urna. In hac habitasse platea dictumst. Pellentesque a elit id lacus hendrerit vestibulum ac in ligula. Cras hendrerit neque sit amet pretium sodales. Praesent consectetur odio vitae est bibendum, nec gravida elit vehicula. Ut quis odio vitae mi dictum iaculis quis vel ipsum. Nam suscipit aliquam sollicitudin. </div>