Как сделать горизонтальный параллакс для текстового блока при скроллинге страницы?

Question

[Иван Медведев]

Добрый день! Есть задача, задать движение тексту при скроллинге страницы.

Есть страница с тремя блоками помимо меню и футера. В третьем блоке есть текст, начало которого спозиционаровано у правого края страницы. При скроллинге, как только дошли до этого текста, он должен начать двигаться к левому краю и успеть прокрутиться, пока проскролится видимая часть экрана.

Как лучше реализовать такой эффект?

Answer 1

[hzzzzl]

как-то так, только через css еще подкрутить позицию текста, ну или начать двигать текст не сразу когда section появляется на экране

Comments

[Иван Медведев]

Спасибо! Попробую!

[hzzzzl]

Иван Медведев, вернее так, этот спан должен быть во враппере который будет по высоте совпадать со спаном, тогда по скроллу сравнивать положение страницы с координатами враппера (= координатами спана по вертикали), и всё будет прекрасно крутиться, врооооде

[Иван Медведев]

hzzzzl, вставил ваш html внутрь нужного блока, подключил стили и скрипт - ничего не сработало. Вынес html вне родительского блока (выше только body) - работает. Но такой вариант меня не совсем устраивает. Нужно, чтобы этот текст был внутри блока и скролился влево пока на виду родительский блок.