Как сделать такое плавное меню при скролле?

Question

[klaus hayssler]

murren.ru/templates/bobby/bobby-demo/index.html

Подскажите плагин, который поможет такое меню сделать? При прокрутке страницы плавно переходит в режим fixed.

Answer 1

[osmolka]

На основное меню (.topMenu) фигачишь стили, типа такие:
z-index: 990;
position: fixed;
top: 0;
width: 100%;
background-color: inherit;
background-image: inherit;

Затем скрипт

<script type="text/javascript">
    $(window).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 100) {
        $(".topMenu").addClass("darkHeader");
    } else {
        $(".topMenu").removeClass("darkHeader");
    }
});
</script>

И в классе darkHeader прописываешь уже другие стили (background и т.д.)

Answer 2

[iBird Rose]

если ты для этого ищешь плагин, то думаю даже если я скажу, что там вся плавность только через transition сделана - тебе же это ничего не даст? в общем иди учи js.

Answer 3

[Сергей Горячев]

https://jsfiddle.net/zv4cxbeu/1/

Answer 4

[dpshrek]

Хочу такое же на сайте сделать flower-shop.com.ua