猿问

大佬们我想让两个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>


无节操司机
浏览 1429回答 3
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
我要回答