为什么不加stop(true,true)css设置的值回不去

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#fixBox{
   width: 50px;
   height: 200px;
   background-color: red;
   position: fixed;
   top: 300px;
   right: 0;
   display: none;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
<script>
$(function () {
   $(window).scroll(function () {
       if( $(this).scrollTop() > 200 ){
           $("#fixBox").show().animate({"top":"100px"}, 1000);
       }else{
           //小于200的时候top回到原来的地方 
           //$("#fixBox").hide().css("top","300px");
           $("#fixBox").stop(true,true).hide().css("top","300px");
       }
   })
});
</script>
</head>
<body>
<div id="fixBox">

    </div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>

不加stop(true,true) 小于200的时候top还是100px为什么？

啊啊啊啊123

浏览 2001回答 1

1回答

刚毅87

stop(true,true) // 停止所有动画，去的路程中触发事件停止会直接到达终点，若是返回过程中再触发事件，会停止到在起点

0 0

随时随地看视频慕课网APP