Прикрепленное фиксированное верхнее меню, когда мы прокручиваем

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

Это не работает:

body { overflow-y: scroll; } 
 
#header { position:fixed; width:100%; height:50px; background-color:yellow; } 
 
#container { padding-top: 60px; }

<div id="header">Bonjour</div> 
 
<div id="container">Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br>Blah<br></div>

источник

2016-05-10 Basj

Что не работает в вашем примере? #header фиксируется в верхней части страницы. –

@EricN: True: мой вопрос не имеет смысла. Если отмечено для удаления (требуется действие мод). – Basj

Когда я unterstand вас прямо этот вопрос решить ту же проблему. Using jQuery to keep scrolling object within visible window

Извините за короткий ответ, но я только на своем iPad.

источник

2016-05-10 21:01:35

Eeer, хотя это может быть правильный дублированный вопрос (не подтвердил его соответствие намерению OP), правильный способ указать его как таковой, щелкнув «флаг» в вопросе и обозначив его как дубликат. Пожалуйста, не пишите ответа, который указывает только на другой вопрос переполнения стека! Спасибо за ваше участие в этом сайте. – Serlite

(Извините, мой вопрос чист, не имеет смысла.) Будет удалено.) – Basj

Прежде всего, я не уверен, что я понимаю ваш запрос.

Как я понял, ваш код работает очень хорошо. Основная причина, по которой вы его не видите, может быть большим экраном (недостаточно для прокрутки).

Значение, которое вы положили на тело overflow-y: scroll, не поможет вам, так как это значение по умолчанию для тега <body>.

Теперь для того, чтобы заставить некоторую прокрутку body, вам необходимо установить некоторые height или min-height к нему, которое, по крайней мере больше, чем вашей высоте окна браузера.

Пример:

body { 
    min-height: 2000px; 
}

В противном случае код, который вы написали произведения прекрасно придерживаться #header, чтобы всегда быть в этом положении.

источник

2016-05-10 21:16:21 Ardian

(Извините, мой вопрос является чистым не-смыслом. Удаляться.) – Basj

Если вы хотите вставить элемент во время прокрутки, невозможно с помощью CSS, так как вам нужно делать это через события JS или jQuery! – Ardian

Прикрепленное фиксированное верхнее меню, когда мы прокручиваем

ответ

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