Javascript 在toggleClass中添加动画

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

我曾尝试通过CSS设置动画效果,但正在工作:

$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;
    }
});