Как сделать, чтобы изображение частично прокручивалось, затем оставалось неподвижным, а затем прокручивалось при прохождении раздела?

Question

Я даже не знаю, что я хочу сделать, будет называться

Пожалуйста, взгляните на эту страницу:

http://www.philsalesses.com/plasma-pong/

Вы будетесм. название Plasma Pong и изображение под ним с левой стороны.Когда я прокручиваю статью, я бы хотел, чтобы она оставалась на месте, пока страница прокручивается.Тем не менее, вы заметите, когда получите нижнюю часть страницы, там будет нижний колонтитул, и не будет достаточно места для заголовка и изображения, если я просто сделаю его полностью статичным.чтобы оставаться на месте, пока не сработает нижний колонтитул, затем прокрутите.Когда вы прокрутите страницу вверх, она будет прокручиваться немного, пока не останется места, а затем снова оставаться на месте.Тот же эффект, но в обратном порядке.Есть идеи, что посмотреть, как я мог это сделать?

Answer 1

Установить фиксированное положение css для заголовков. Затем используйте javascript для обнаружения события прокрутки при достижении определенных критериев, установите его в абсолютное положение, чтобы оно оставалось выше нижнего колонтитула. Затем при удалении абсолютного позиционирования при прокрутке страницы от нижнего колонтитула. Чтобы увидеть рабочий пример, перейдите на quirksmode.org. В своих статьях он имеет эффект, который вы ищете.