我想在窗口滚动上设置分区动画,当scrollTop大于200时它是唯一的动画,当我想在scrollTop上滚动更大的> 500它什么都不做。
$(window).scroll(function(){
var posFromTop = $(window).scrollTop();
if(posFromTop > 200){
// if more than 200px from the top do something
$('#banner').animate({'left': +300});}
if(posFromTop > 500){
// if more than 200px from the top do something
$('#banner').animate('left': -300});}
});
});
答案 0 :(得分:1)
如果距离顶部超过500像素,则两个动画会同时启动并相互抵消。尝试更改
if(posFromTop > 200){
到
if(posFromTop > 200 && posfromTop <= 500){