Bootstrap style navbar не скроется при прокрутке

Когда ширина экрана < 768px, я не могу понять, почему мой навигатор не прокручивается, хотя я установил его в .navbar-static-top, он по-прежнему выглядит как .navbar-fixed-top.Bootstrap style navbar не скроется при прокрутке

Смотрите мой Plunker, код находится в файле dashborad.html строке 21

<nav class="nav navbar navbar-static-top navbar-inverse col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 ">

http://plnkr.co/edit/Vlx47gPERIJ8ELGEOWZm?p=preview

И есть mycss.css и main.css файл, я не знаю, какая часть моего сценария причиной этого probelm.

источник

2015-05-28 Aaron

Я думаю, что это поведение по умолчанию в бутстрапе. –

«static-top» можно прокрутить, см. [Это демо] (http://getbootstrap.com/examples/navbar-static-top/) – Aaron

Проблема в вашем «main.css». –

Я уверен, что это как-то связано с классом dashboard-page, навигатор находится внутри этого div, который всегда 100% экрана, поэтому он создает иллюзию того, что navbar всегда фиксируется сверху.

Какова цель данного класса? Это действительно необходимо?

Снимать в строке 6997 в main.css и .dashboard-page классе как .dashboard-page .main, планировать свою страницу по-другому, главный элемент не должен быть установлен абсолютными, если это не всплывающее окно или своего рода DIV поверх всего. Удалите эти классы, переструктурируйте свой html, и вам будет хорошо идти!

источник

2015-05-30 08:40:05 Shay

Его можно отбросить. Не могли бы вы предоставить мне более подробное решение? – Aaron

Строка 6997 в main.css, удалите класс .dashboard-страницу .main, и вы увидите, что вы можете прокручивать и navbar останется на вершине. Дело в том, что ваша структура css неверна, вы, возможно, использовали позиционирование, когда вам это не нужно. Вам нужно идти глубже и устранять ненужное позиционирование, и именно там ваша проблема ложится. :) – Shay

Я обновил свой ответ, проверьте его. ;) – Shay

Bootstrap style navbar не скроется при прокрутке

ответ

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