大佬们我想让两个div在滚动条滚动的时候依次排队显示执行动画用delay（）为什么不行啊
$(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回答
-
习惯受伤
//代码在这里 $(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); }); } }); }); -
习惯受伤
先把DIV隐藏，然后滚动的时候让他显示。
随时随地看视频慕课网APP
相关分类
JavaScript
JQuery