Estoy tratando de proporcionar una animación de elementos flexibles que pueda usar varias veces. No puedo usarlo varias veces porque se activa cuando la página se desplaza. ¿Cómo puedo convertir el elemento más cercano a una estructura que puedo seleccionar? Mi objetivo es desplazar los elementos a diferentes velocidades con la función de transformación mientras se desplaza la página.
$(window).scroll(function () { let dataDiv = $(".relaxable"); let dataRl = parseInt(dataDiv.attr("dataRelaxing")); let scroll = parseInt($(window).scrollTop()); let wHeight = parseInt($(window).height()); let transformCalc = (scroll * 0.1) + ((wHeight/100) + dataRl); console.log(transformCalc); }); body { height:2500px; } .relaxable { background:red; width:30px; height:30px; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="relaxable" dataRelaxing="10" id="one"> </div> <div class="relaxable" dataRelaxing="20" id="two"> </div>En el ejemplo anterior, puedo obtener los valores del primer elemento div. No puedo tomar el valor "20" en el segundo elemento div y actuar en consecuencia.