Как плавно прокрутить главный постер при скролле вниз?

Question

[z_u_l]

Здравствуйте! Как плавно прокрутить главный постер при скролле вниз? Пробовал сделать так, но не получилось
Ссылка на пример

Answer 1

[Воващ]

let toBlock = document.querySelector('.section').getBoundingClientRect().top;
                console.log(toBlock);  (высота до до блока)

window.addEventListener('scroll', () => {
window.scrollTo({
    top: toBlock,
    behavior: "smooth"
});
})

по итогу выполнения можно сделать removeEventListener и скроллить куда душе угодно

Answer 2

[Дуболом Одноклеточный]

Тут используется библиотека GSAP (или GreenSock - огромнейшая библиотека для создания анимаций)
Их сайт: GSAP