Question

$scrollTop = $('.scrollToTop');
$(window).scroll(function (e) {
    $('.scrollToTop').toggleClass('active', $(window).scrollTop() > 0);
});

我是通过CSS尝试动画效果但是正在工作：

.scrollToTop {  transition: all 2s linear;}

通过jQuery：

 $('.scrollToTop').toggleClass('active',1000, $(window).scrollTop() > 0);

但它是一样的，不起作用。

如何在toggleClass结构中添加动画？

Answer 1

您需要使用.toggleClass()的jQuery UI扩展来启用动画 - 我假设您使用的是普通的jQuery版本。在这里查看文档：

http://api.jqueryui.com/toggleclass/

Answer 2

尝试类似的东西

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

Demo1

Demo2

在toggleClass中添加动画

2 个答案: