Задать вопрос
@tantumus21

Как правильно выполнять translate только после скролла на определенное расстояние?

В дополнение к моему предыдущему вопросу появился еще один. При скролле два центральных блока начинают разъезжаться в стороны. Мне бы хотелось, чтобы после того, как их родительский начал двигаться на экране, эти два блока стали двигаться еще и вниз (в добавок к первоначальному движению в стороны). Получаемый эффект - движение в сторону и вниз, пытаясь как бы остаться на экране, а не сразу уходить вверх при скролле.
Я попытался сделать это так
https://codepen.io/xcxcxcxcxxccxcx/pen/YzrVQgr
но в моем примере, когда начинает движение, эти два блока резко соскакивают вниз. И уже потом движутся, как задумано. Как бы избавиться от этого рывка?
  • Вопрос задан
  • 50 просмотров
Подписаться 2 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы