在toggleClass中添加动画

时间:2014-06-26 11:39:09

标签: javascript jquery jquery-animate

$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结构中添加动画?

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分: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;
    }
});

Demo1

Demo2