Как сделать плавность опускания хедера?

Question

[rootnoroot]

Все очень просто. не любитель сложных вещей или непониматель)

в общем
есть допустим сайт, у которого есть хедер. там лого меню и пр.
и как бы нужно при прокрутке что бы она при определенной прокрутке появилась
так вот. на js делаю что би при прокрутке ей давался класс fixed

var num = 150; //number of pixels before modifying styles
         $(window).bind('scroll', function () {
            if ($(window).scrollTop() > num) {
               $('header').addClass('fixed');
            } else {
               $('header').removeClass('fixed');
            }
         });

так вот задаю уже fixed фиксированную позицию top left
но не могу никак добиться плавности ее появления
если хежеру дать transition top 0 , от этого ничего не меняется

то есть если на пк смотреть то все в принципе ок, но в мобильнике кидается в глаза как появляется хедер и прыгает страница

каким образом его плавно выдвинуть? ведь до этого fixed нигде небыло в стилях

а может быть что при скролле страница прыгает так, как стает хедер в фикс позиционирование и двигается все блоки вверх?
Я просто запутался

Comments

[ProjectSoft]

может быть что при скролле страница прыгает так, как стает хедер в фикс позиционирование и двигается все блоки вверх?

https://developer.mozilla.org/ru/docs/Web/CSS/posi...