为了账号安全,请及时绑定邮箱和手机立即绑定

大佬们我想让两个div在滚动条滚动的时候依次排队显示执行动画用delay()为什么不行啊

大佬们我想让两个div在滚动条滚动的时候依次排队显示执行动画用delay()为什么不行啊

无节操司机 2017-02-13 12:10:01
$(function () {      $(window).scroll(function () {         if ($(window).scrollTop() > 200) {         $(".list:eq(0)").delay("slow").show();        $("#wei").delay("fast").show();     }       else {         $(".list:eq(0)").delay("slow").hide();         $("#wei").delay("fast").hide();                     }     });   }); <style type="text/css">        *{margin: 0; padding: 0;}    div{background: red; width: 100%; height: 3000px;}    div.list{height: 100px; width: 100%; background: green; position: fixed; display:none; }      div#wei{width: 20px;height: 100px; background: blue; position: fixed; top: 500px; left: 100px; display: none;}      </style><body> <div>  <div class="list"></div>  <div id="wei"></div> </div></body></html>
查看完整描述

3 回答

已采纳
?
习惯受伤

TA贡献885条经验 获得超1144个赞

//代码在这里
$(function () { 
	$(window).scroll(function () { 
		if ($(window).scrollTop() > 200) { 
			$(".list:eq(0)").show(100,function(){
				$("#wei").show(500);
			});    
		} 
		else { 
			$(".list:eq(0)").hide(100,function(){
				$("#wei").hide(500);
			});  
		} 
	}); 
});


查看完整回答
反对 回复 2017-02-15
?
习惯受伤

TA贡献885条经验 获得超1144个赞

先把DIV隐藏,然后滚动的时候让他显示。

查看完整回答
1 反对 回复 2017-02-13
点击展开后面1
  • 3 回答
  • 0 关注
  • 1428 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信