как плавно изменить значение 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, время: 17:11. |