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

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

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

Несколько хороших примеров:

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

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

источник

2012-02-14 user981458

Мы можем помочь вам в указании направлений. Но фактическое кодирование вам нужно будет сделать :) –

Во-вторых, вы видели свой профиль, и вы задали 4 вопроса и не приняли никакого ответа. Пожалуйста, сделайте, если вы получите правильный ответ. Пожалуйста, прочитайте [FAQ] (http://stackoverflow.com/faq#howtoask). –

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

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

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

источник

2012-02-14 05:35:14

Это великолепно. Спасибо! Всего пару вопросов. Возможно ли, чтобы в javascript не было изменений, если вы добавите больше div? И каждый заголовок javascript тот же самый? И быть еще более раздражающим (извините!) Возможно ли это, чтобы он мог автоматически определять высоту родительского div? Мне интересно иметь divs разной высоты, и я беспокоюсь, что чем больше divs messier javascript. Кто-то сломал эти сайты здесь: http://jsfiddle.net/kRAzZ/2/ – user981458

Вы можете использовать '.height()' функцию jQuery. Но не уверен, что это будет работать в вашем случае. На данный момент я не знаю никаких решений для этого. Вы можете изучить jQuery, вы можете получить ответы :) –

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

ответ

Смежные вопросы