Создание абсолютно позиционированного div, который становится фиксированным на свитке - это возможно? - PullRequest
0 голосов
/ 28 февраля 2012

У меня была идея создать веб-сайт с фиксированной горизонтальной панелью навигации, которая просто прокручивает содержимое при нажатии на пункты меню, но я хотел, чтобы над ним находился раздел «Введение» с фоновым изображением и логотипом., скажем, высота 300px, которая отображается при первой загрузке страницы.

Таким образом, панель навигации будет отображаться прикрепленной к нижней части этого «вводного» элемента div, и только при прокрутке мимо нее она будет присоединена кверхняя часть окна и становится фиксированной позицией при прокрутке.

Если вы щелкнули по определенному пункту меню или просто прокрутили до начала страницы, он прикрепился бы к нижней части "вводного" разделаснова.

Можно ли это сделать просто с помощью CSS или мне придется использовать javascript для достижения этого эффекта?

Заранее спасибо!

1 Ответ

1 голос
/ 28 февраля 2012

Я думаю, вам понадобится JavaScript для этого.Это не будет трудно однако.Единственное, что вам нужно сделать, это переключить положение меню на «фиксированное», когда в противном случае меню будет прокручиваться из области просмотра.

...