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

kik84

  • Завсегдатай
  • 1350
  • 64 / 4
Подскажите, как сделать, чтобы эффект появлялся плавно и шапка не дергалась при скролле, а плавно выезжала.
Код
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 пока не помог...
*

Lemonez

  • Захожу иногда
  • 205
  • 2 / 2
Re: Плавное применение fixed в стилях
« Ответ #1 : 06.03.2019, 01:17:30 »
У меня такая же проблема! Как решить?
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
Re: Плавное применение fixed в стилях
« Ответ #2 : 06.03.2019, 09:04:19 »
гуглим "javascript sticky block"
*

sivers

  • Живу я здесь
  • 2453
  • 333 / 0
Re: Плавное применение fixed в стилях
« Ответ #3 : 06.03.2019, 09:10:29 »
Скинте хоть ссылку, что ли...
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
*

sivers

  • Живу я здесь
  • 2453
  • 333 / 0
Re: Плавное применение fixed в стилях
« Ответ #5 : 06.03.2019, 09:33:18 »
пожалуйста
эээ... ссылку на страницу с хейдером, о которой kik84 спрашивает ))
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема Position: fixed и Transform:translate3d

Автор WooSuuP

Ответов: 0
Просмотров: 1383
Последний ответ 01.05.2018, 15:07:14
от WooSuuP
Прокрутка блока с position:fixed

Автор Ragivort

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

Автор deminevgen

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

Автор ЖенDos

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

Автор avex

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