@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 нигде небыло в стилях

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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы