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 that you have read and understand our privacy policy and code of conduct.

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