Залипание верхнего меню

Тема в разделе "Wordpress", создана пользователем wwizard, 18 фев 2015.

Модераторы: Sorcus
  1. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    370
    Симпатии:
    11
    Есть сайт. У него происходит залипание верхнего меню. Наводишь на одно меню, а второе как бы подвисло, на котором нажимал раннее. Это исправляется? В настройках шаблона не нашел как это исправить.
     
  2. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    579
    Симпатии:
    797
    решается средствами css, если нет соответствующих настроек в теме\модуле.
     
    Последнее редактирование: 18 фев 2015
  3. wwizard

    wwizard

    Регистр.:
    20 июл 2009
    Сообщения:
    370
    Симпатии:
    11
    помочь сможете?
     
  4. SkandaL

    SkandaL

    Регистр.:
    5 ноя 2010
    Сообщения:
    221
    Симпатии:
    56
    Скорее всего у вас что-то в браузере что-то не корректно отображает. У меня в хроме всё ок, задержка пол секунды и меню пропадает с эффектом fade.
     
  5. WiZXaK

    WiZXaK Причиняю добро

    Регистр.:
    8 сен 2012
    Сообщения:
    579
    Симпатии:
    797
    Пол секунды видать и смущают.

    Поглядел на демо, там беда в самом шаблоне (не в css), задержка происходит если меню: не содержит\содержит вложенности (выпадающий список) при наведении.
    Предположу, что происходит подгрузка другого кода при наведении, отсюда задержка.
    Вариант лезть в код или выехать на стороннем плагине меню.
    P.S: гипотеза беглым взглядом.

    Как самый простой способ решить проблему - добавьте любой (можно якорь на цены к примеру) выпадающий элемент среднему пункту меню: [трансфер].
     
    Последнее редактирование: 18 фев 2015
  6. SkandaL

    SkandaL

    Регистр.:
    5 ноя 2010
    Сообщения:
    221
    Симпатии:
    56
    Нужно в скрипте с настройками анимации меню увеличить скорость до нужной и всё.
     
  7. till1284

    till1284 Создатель

    Регистр.:
    1 мар 2015
    Сообщения:
    28
    Симпатии:
    13
    Включите хром. Потом пкм на место ошибки и выбрать пункт "Просмотр кода элемента". И уже там можно в режиме онлайн "играться" с css. А потом, когда достигните нужного эффекта, то перенести изменения в файл стилей.
     
  8. ТотСамый

    ТотСамый Писатель

    Регистр.:
    24 авг 2014
    Сообщения:
    8
    Симпатии:
    0
    CSS:
    Код:
    body {
        margin:0;
        padding:0;
        font-family: Helvetica;
    }
    * {
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
    }
    
    header {
        position: relative;
        width: 100%;
        height: 60px;
        line-height: 60px;
        background: #eee;
        color: #666;
        padding-left: 20px;
        border-bottom: 5px solid #ddd
    }
    header.clone {
        position:fixed;
        top:-65px;
        left: 0;
        right: 0;
        z-index:999;
        transition:0.4s top cubic-bezier(.3,.73,.3,.74);
    }
    body.down header.clone {
        top:0;
    }
    .content {
        padding: 0 20px 20px;
        background: #fff;
        line-height: 1.5;
        color: #333;
    }
    JS:
    Код:
        $(document).ready(function() {
            var $header = $("header"),
                $clone = $header.before($header.clone().addClass("clone"));
           
            $(window).on("scroll", function() {
                var fromTop = $(window).scrollTop();
                $("body").toggleClass("down", (fromTop > 400));
            });
        });
    В <header> выводишь меню и все.