Плавные переход меню?

Question

[Антон Плашкевич]

Проблема состоит в том , что когда скролю менюшку вниз , она резко перескакивает а не плавно тык, хотелось бы добиться такого эффекта с меню как тут ( при скролле меню с лого плано переходит)

Answer 1

[Владислав Лысков]

увеличить отступ в условии, при котором сработает скрипт, в чем проблема?

Comments

[Антон Плашкевич]

а можно по подробнее чтоб я понял досконально?

[Владислав Лысков]

Антон Плашкевич, смотри, у теебя при прокрутке при определённом отступе сверху срабатывает скрипт, который меняет добавляет вот такой класс к боди body.sticky-menu-active #header, в котором

border-bottom: 1px solid #E9E9E9;
    position: fixed;
    top: -57px;
    width: 100%;
    z-index: 1001;
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    -webkit-filter: none;
    filter: none;

вот тебе надо сделать так, что бы этот скрипт срабатывал при большем отступе
а вообще, если тут

#header {
    background: transparent;
     position: fixed;
    width: 100%;
}

убрать position: fixed; то всё у тебя работает нормально

[Антон Плашкевич]

Владислав Лысков, спасибо

Answer 2

[Dymok]

css transitions

Comments

[Антон Плашкевич]

с transition играюсь уже часа полтора бестолку

[Dymok]

Антон Плашкевич, для img добавь transition: width 0.3s, height 0.3s;

[Антон Плашкевич]

Dymok, он все равно как бы прыгает при скролле а не плавно как на примере