这么写可以清除style中的样式。
window.onscroll=function(e){
var e =e || window.event;
var scrolltop=window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
var box = $('#qa-head');
if(document.body.scrollTop >= 135 || scrolltop >= 140){
box.addClass('fixed-head').css({'top':'129px'});
// .animate({'top':'129px'},2000)
}else{
box.removeClass('fixed-head').removeAttr("style");
console.log('123123');
}
}
如果代码改成如下方式:
window.onscroll=function(e){
var e =e || window.event;
var scrolltop=window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
var box = $('#qa-head');
if(document.body.scrollTop >= 135 || scrolltop >= 140){
box.animate({'top':'129px'},2000).addClass('fixed-head');
}else{
box.removeClass('fixed-head').removeAttr("style");//这样写该api无效
console.log('123123');
}
}
有什么办法呢?高手们看看~
是想动画执行完毕后改变么? 是的话可以用animationend事件