tengo el siguiente código
let cardwrap = document.querySelectorAll(".portfolio-posts .t-entry-visual") window.addEventListener("scroll", () => { var top = window.pageYOffset / 62; cardwrap.style.transform = 'translate3d(0px, ' + top + 'px, 0px)'; });y mi html
<div class="portfolio-posts"> <div class="t-entry-visual"></div> <div class="t-entry-visual"></div> <div class="second-visual"></div> <div class="t-entry-visual"></div> </div>Cuando uso querySelector obtuve el estilo de transformación trabajando en el primer elemento .t-entry-visual. Pero cuando uso querySelectorAll, no aplica el estilo en ningún elemento, mientras que quiero que se aplique el estilo de transformación en todos los elementos .t-entry-visual.
Debe iterar a través de él usando forEach porque querySelectorAll no devuelve un elemento sino una colección de elementos.
let cardwrap = document.querySelectorAll(".portfolio-posts .t-entry-visual"); window.addEventListener("scroll", () => { var top = window.pageYOffset / 62; cardwrap.forEach(function(elmt) { elmt.style.transform = 'translate3d(0px, ' + top + 'px, 0px)'; }); });Ver también: