как плавно изменить значение css-свойства?
Есть код, при помощи него при прокрутке страницы сайдбар остается на нужной высоте
sidebar = $(".forum-nav")
if scrollTop > discussionsBodyTop - @sidebar_padding
sidebar.css('top', scrollTop - discussionsBodyTop + @sidebar_padding);
else
sidebar.css('top', '0');
От того что свойства изменяются так резко, сайдбар слегка "подергивает". Хотелось бы что бы это происходило плавно, но никак не найду как это можно сделать. |
Цитата:
http://jquery-docs.ru/Effects/animate/#paramsoptions |
а можно это запихнуть в код coffee? прошу прощения за вопросы, я нубок XD код мне достался "в наследство".
|
ogurchik,
в css установите время transition-duration |
Цитата:
Но ведь у тебя методы от jQuery используются? Или там еще что-то аналогичное подключается? |
ogurchik, css
.forum-nav {
-webkit-transition: top 1s ease-out ;
-moz-transition: top 1s ease-out ;
-o-transition: top 1s ease-out ;
transition: top 1s ease-out ;
}
|
ksa,
ну вроде вот обращается к элементу как к jquery рони, ух ты! спасибо! буду знать что так можно :D |
Цитата:
|
| Часовой пояс GMT +3, время: 07:02. |