0 Пользователей и 1 Гость просматривают эту тему.
  • 0 Ответов
  • 336 Просмотров
*

kik84

  • Живу я здесь
  • 1278
  • 59
Подскажите, как сделать, чтобы эффект появлялся плавно и шапка не дергалась при скролле, а плавно выезжала.
Код
jQuery(document).ready(function(){
 jQuery(window).scroll(function(){
  if (jQuery(this).scrollTop() > 10) {
   jQuery('.header').addClass('header_background');
  }else{
   jQuery('.header').removeClass('header_background');
  }
 });
});
Код
.header {
box-shadow: rgba(0, 0, 0, 1) 5px 0px 10px;
    width: 100%;
    position: relative;
    z-index: 100;
background: #fff;
transition: 1s;
}
.header.header_background {
    position: fixed;
    z-index: 9999;
    top: 0;
transition: 1s;
}

transition не срабатывает, Google пока не помог...
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Прокрутка блока с position:fixed

Автор Ragivort

Ответов: 2
Просмотров: 662
Последний ответ 24.08.2016, 15:23:49
от Ragivort
не работает position:fixed

Автор deminevgen

Ответов: 1
Просмотров: 478
Последний ответ 12.08.2016, 15:05:05
от deminevgen
Откуда подтягиваются шрифты в стилях сайта

Автор ЖенDos

Ответов: 0
Просмотров: 304
Последний ответ 21.07.2016, 15:39:15
от ЖенDos
Плавное изменение картинки при наведениии

Автор avex

Ответов: 2
Просмотров: 718
Последний ответ 28.09.2013, 19:26:56
от Efanych
Применение стиля к меню

Автор blind

Ответов: 1
Просмотров: 821
Последний ответ 21.04.2013, 15:27:08
от Babyaka