Код с toogleClass
Всем привет. Подскажите как это код написать с toogleClass по-профессиональней
$(window).scroll(function() { if ($(this).scrollTop() >=150) { $('.wrapp-logo a').addClass('anim'); } else { $('.wrapp-logo a').removeClass('anim'); }; }); |
По-профессиональней - это не трогать класс при каждом событии скролла. Класс надо добавлять/убирать только при переходе через 150
|
hhh,
$(window).scroll(function(){
$('.wrapp-logo a').toggleClass('anim', $(this).scrollTop() >= 150);
});
|
Цитата:
рони, благодарю |
Цитата:
Т.е. прокрутили с нуля до 160 - добавили класс, еще крутанули на пять пикселей - опять добавили класс (пытаемся втиснуть его дважды, но он не втискивается), и так далее. Впринципе, ща потестил в хроме в его Timeline, не вижу каких-то проблем из-за лишнего поиска по DOM и доступа к className. Либо я не туда смотрю, либо это малозначительно для быстрых компьютеров. Возможно на мобилках это влияет заметней. |
$(function() {
var elem = $('.wrapp-logo a'), flag;
$(window).scroll(function() {
var a = $(this).scrollTop() >= 150;
if(!flag && a) {
elem.addClass('anim');
flag = true;
}
else if(flag && !a) {
elem.removeClass('anim');
flag = false;
}
});
});
|
Цитата:
|
| Часовой пояс GMT +3, время: 03:44. |