Форум русской поддержки Joomla!® CMS
09.12.2016, 04:07:23 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Плавное применение fixed в стилях

 (Прочитано 166 раз)
0 Пользователей и 1 Гость смотрят эту тему.
kik84
Живу я здесь
******

Репутация: +59/-4
Offline Offline

Сообщений: 1307



« : 22.04.2016, 12:40:19 »

Подскажите, как сделать, чтобы эффект появлялся плавно и шапка не дергалась при скролле, а плавно выезжала.
Код:
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 пока не помог...
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet