添加動畫在toggleClass

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

嘗試像

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

Answer 2

您需要使用.toggleClass()的jQuery UI擴展來啓用動畫 - 我假設您使用的是正常的jQuery版本。點擊這裏，查看文檔：

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