在toggleClass中添加动画
在toggleClass中添加动画
提问于 2014-06-26 11:39:08
$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
Stack Overflow用户
回答已采纳
发布于 2014-06-26 12:00:44
试着做些像
$('#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
Stack Overflow用户
发布于 2014-06-26 11:44:50
您需要使用jQuery UI扩展的.toggleClass()来启用动画-我假设您使用的是正常的jQuery版本。看看这里的文档：
http://api.jqueryui.com/toggleclass/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24429552
复制相关文章
相似问题
腾讯云开发者
