Añadir librerías:
- Js librería gsap
- plugin ScrollTriger
const trigger = 'html'; // El elemento scrolleable, puede ser html o un pop up por ejemplo
const repeaterClass = '.more-service__repeater .jet-listing-grid__items .jet-listing-grid__item:not(:last-child)'; // Los hermanos, deben tener vh 100% y no se debe seleccionar el último
scrollSectionParallax(repeaterClass)
function scrollSectionParallax(repeaterClass, trigger) {
gsap.registerPlugin(ScrollTrigger);
gsap.utils.toArray(repeaterClass).forEach((section) => {
ScrollTrigger.create({
trigger: section,
start: "top top",
pin: true,
pinSpacing: false,
scroller: trigger
});
});
}
