Создание абсолютного позиционирования Div, который становится фиксированным на прокрутке - возможно ли это?

Question

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

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

Если вы щелкнули определенный пункт меню или, если вы просто прокрутите до начала страницы, он снова прикрепится к нижней части «введения» Div.

Это возможно делать просто с CSS или я должен был бы использовать JavaScript для достижения этого эффекта?

Спасибо заранее!

Answer 1

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