0

Пересмотрел уже все и никак не возьму в толк что случилось? А суть коротко вот в чем: есть проект, при уменьшении размера экрана срабатывает гамбургер-меню bootstrap (на 768px), так вот при клике на этот гамбургер (toggle-menu) развертывается меню, но очень странно, сначала пункты меню и лишь потом фон этого меню. Не могу понять где косяк? Кто что думает?

5
  • Баг в том что меню разворачивается не плавно что?
    – koks_rs
    28 янв 2016 в 9:08
  • ну да, стандартное меню бутстрап, при клике сначала выпадают пункты, а потом фон, асинхронно.
    – invited
    28 янв 2016 в 9:09
  • 2
    анимация для фона почему-то не по тем же правилам работат, как анимация текста. вероятнее всего, что-то перебивает стандартные правила бутстрепа. проверьте свои скрипты и файл стилей
    – lexxl
    28 янв 2016 в 9:10
  • 1
    я вам написал ответ 28 янв 2016 в 9:15
  • я вижу, но еще есть вопрос
    – invited
    28 янв 2016 в 9:19

1 ответ 1

1

Там все просто. Вот ваш код.

<div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1" aria-expanded="false" style="height: 1px;">
                            <ul class="nav navbar-nav">
                                <li><a href="/faq.html">FAQ</a></li>
                                <li><a href="/price.html">Цены</a></li>
                                <li><a href="/work.html">Как мы работаем</a></li>
                                <li><a href="/gift.html">Подарок</a></li>
                                <li><a href="/contacty.html">Контакты</a></li>
                                <li class="login"><a href="#form-login" type="button" class="log popup">Log in</a></li>
                            </ul>
                        </div>

Обратите внимание что после разворота <div class="navbar-collapse collapse" меняется на class="navbar-collapse collapse in" Но между ними есть ТРЕТЬЕ состояние class="navbar-collapse collapsing" тоесть стили в процессе разворота, а у вас там прозрачно!

7
  • я его видел, но не могу взять толк логику этого состояния, его убрать или заполнить? если заполнить то чем?
    – invited
    28 янв 2016 в 9:17
  • 1
    просто добавь стиль типа @media (min-width: 320px) .header .navbar-default .collapsing с белым бэкграундом, я только что проверил на тоем сайте у меня получилсоь, скинуть код? 28 янв 2016 в 9:22
  • нет не надо, я уже вижу. Спасибо огромное!
    – invited
    28 янв 2016 в 9:24
  • 1
    @zorro пожалуйста, обращайтесь) 28 янв 2016 в 9:26
  • 1
    @zorro все правильно, стиль collapsing надо составлять полностью, у вас на А тегах падинги после разворота, а во время разворота их нету, вот и видно что дергается. И еще заметил margin-ы на li-шках 28 янв 2016 в 9:41

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.