1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

смена цвета меню при прокрутке

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем etens1212, 19 дек 2015.

  1. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    339
    Симпатии:
    19
  2. gensek95

    gensek95

    Регистрация:
    3 окт 2015
    Сообщения:
    16
    Симпатии:
    5
    Все эти сайты на Wordpress. Плагин jQuery Superfish Menu Plugin (v1.7.4)-если ты только про меню спросил. Ну и немножко CSS.
     
  3. Perat

    Perat

    Регистрация:
    27 окт 2015
    Сообщения:
    115
    Симпатии:
    26
    Цвет не меняется, а появляется блок с такими пораметрами:
    1. position: absolute;
    2. left: 0;
    3. top: 0;
    4. width: 100%;
    5. background-color: transparent !important;
    6. z-index: 9999;
    7. border-bottom: none;
     
  4. etens1212

    etens1212

    Регистрация:
    1 май 2013
    Сообщения:
    339
    Симпатии:
    19
    а как тогда сделать
    чтоб при прокрутке выезжала?

    [​IMG]
     
  5. gensek95

    gensek95

    Регистрация:
    3 окт 2015
    Сообщения:
    16
    Симпатии:
    5
    Там скрипт Java, он меняет класс при прокрутке light на другой - не вижу какой. Ща посмотрю сайт.
    --- Добавлено, 21 дек 2015 ---
    На том сайте все это выполняет скрипт
    LOLLUM.sticky = function() {
    var t = 50,
    body = $( document.documentElement ),
    header = $( '#branding' );
    resizeHeader();
    $( window ).scroll( resizeHeader );
    $( window ).resize(function(){
    resizeHeader();
    });
    function resizeHeader() {
    if ( Modernizr.mq( 'only screen and (min-width: 992px)' ) || body.hasClass( 'no-responsive' ) ) {
    var st = $( window ).scrollTop();
    if ( st > t ) {
    body.addClass( 'fixed-yes' );
    if ( body.hasClass( 'header-transparent' ) ) {
    header.removeClass().addClass( header.data( 'style-end' ) );
    }
    } else {
    body.removeClass( 'fixed-yes' );
    if ( body.hasClass( 'header-transparent' ) ) {
    header.removeClass().addClass( header.data( 'style-start' ) );
    }
    }
    } else {
    body.removeClass( 'fixed-yes' );
    if ( body.hasClass( 'header-transparent' ) ) {
    header.removeClass().addClass( header.data( 'style-start' ) );
    }
    }
    }
    };
    и набор CSS -их там куча
    Тебе нужно все это под себя подогнать
    Прописать свои классы и ID.
    Труд адский