Javascript 在toggleClass中添加动画
我曾尝试通过CSS设置动画效果,但正在工作:Javascript 在toggleClass中添加动画,javascript,jquery,jquery-animate,Javascript,Jquery,Jquery Animate,我曾尝试通过CSS设置动画效果,但正在工作: $scrollTop = $('.scrollToTop'); $(window).scroll(function (e) { $('.scrollToTop').toggleClass('active', $(window).scrollTop() > 0); }); 并通过jQuery: .scrollToTop { transition: all 2s linear;} 但它是一样的,不起作用 如何在我的toggleClas
$scrollTop = $('.scrollToTop');
$(window).scroll(function (e) {
$('.scrollToTop').toggleClass('active', $(window).scrollTop() > 0);
});
并通过jQuery:
.scrollToTop { transition: all 2s linear;}
但它是一样的,不起作用
如何在我的toggleClass结构中添加动画?您需要使用.toggleClass的jQuery UI扩展来启用动画-我假设您使用的是正常的jQuery版本。请在此处查看文档: 试试像这样的东西
$('.scrollToTop').toggleClass('active',1000, $(window).scrollTop() > 0);
$('#review-link').click(function(e) {
$('.new_comment').toggle();
// $('.comments').toggle();
$(this).toggleClass('active');
if($(this).hasClass('active')){
$(this).text('Exit review mode');
scrollToAnchor('.comments');
return false;
}else{
$(this).text('Enter review mode');
$('body').animate({scrollTop: 0},'slow');
return false;
}
});