Actualmente estoy tratando de crear un efecto de paralaje ligero en JS. El único problema con el que me encuentro es cuando trato de asignar el efecto a los elementos en medio del documento. Aquí está el código actual:

 [].forEach.call(document.getElementsByClassName('parallax'), function (v) { window.addEventListener('scroll', function () { let eTop = $('parallax').offset(); let value = window.scrollY; v.style.top = value * .5 + 'px'; }); });

Si ahora asigno la clase 'parallax' a los objetos debajo de la posición superior, se transforman extrañamente porque su posición respectiva se calcula usando window.scollY, lo que resulta en posiciones muy transformadas. Supongo que la mejor manera de lidiar con esto es restar la posición real de los elementos en el documento, ¿verdad? Y si es así, ¿cómo hacerlo? (novato aquí)

¡Gracias de antemano!