@matveevfilipp

Как сделать изменение текста при скроллинге страницы?

Подскажите как сделать анимацию изменения текста/блоков/фото во время прокрутке страницы, при переходе между блоками.
Задача зафиксировать все элементы по центру, но отображать их только внутри нужного блока. При скроллинге страницы проходя через "линию" текст будет меняться с одного на другой.
пример

60ae8220a5e62504811977.png

Пробовал фиксировать текс через:
position: fixed;

А блоку давать свойства:
overflow: hidden;

Но вверху стоящий текст и выходящий из блоков накладывается друг на друга:
пример

вверху все видно и накладывается друг на друга
60ae842a33d54855253940.png
в последнем всё хорошо
60ae8432c7e6a649915038.png
в body опять весь текст накладывается друг на друга
60ae8439b0cbb417028886.png
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ответы на вопрос 1
CIDBerlin
@CIDBerlin
Junior front-end developer
Это тебе в JavaScript. При определенном значении clientHeight скрывать один текст и показывать другой
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы