Когда блок попадает во вьюпорт его контент должен проскроллится относительно скролла body.
То есть скроллим body, блок появляется в поле нашего зрения, продолжаем скроллить и контент внутри блока тоже скроллится, но с такой скоростью чтобы к тому моменту как он пропадет из поля зрения он проскроллился до конца/начала.
Вопрос на засыпку - Насколько сильно это нагрузит проц/видеокарту если таких блоков на странице будет 3+ в один момент
Сендбокс - https://codesandbox.io/s/cranky-sea-i0nih?file=/src/App.js
Так начинай этот блок рендерить, если боди скрол уже около него
Проблема не в том чтобы блок рендерить если скролл возле него, а в том чтобы его скроллить пока он во вьюпорте и настолько чтобы пока он едет во вьюпорте он проскролился до конца)
Поищи такие анимации на джеквери и скопируй
Нема такой анимации, це не анимация даже. Ты же понимаешь что контент внутри блока может быть разный по высоте и соответственно скроллить надо с разной скоростью
Обсуждают сегодня