Изменить фиксированное содержимое Div / отображение в вертикальных точках

Question

Я хотел бы создать вертикальный веб-сайт с несколькими элементами div, которые появляются в определенных точках y на веб-сайте. Эти div будут размещать текст. Положение этих div'ов всегда будет фиксированным. 20% слева и около 250 пикселей сверху.

Мне нужно, чтобы содержимое div отображалось в определенных вертикальных точках на странице и исчезало, когда я прокручивал до следующего описания; только чтобы следующий div появился сразу после этого. Чтобы у них был быстрый переход от а к б.

Вот несколько хороших примеров:

При нажатии на ссылки этого сайта появляются описания, которые изменяются при прокрутке: http://www.mattssonvandeneeden.nl/
Тип в центре: http://www.freetoair.org.uk/
Рубрики: http://www.formsofinquiry.com/

Может ли кто-нибудь указать мне конкретное направление или помочь мне понять, как это делается. Я посмотрел на их код и до сих пор не могу заставить его работать.

Answer 1

Вы можете использовать функции jQuery scrollTop(), fadeIn() и fadeOut() для достижения этой цели. В зависимости от размещения прокрутки вы будете показывать / скрывать соответствующие элементы.

Вы можете проверить эту демонстрацию на jsFiddle.net.

Надеюсь, это поможет вам.