如何讓div在2個高度之間出現和消失？

Question

我在這裏得到了一些Javascript，這使得div出現在頁面上的某個高度，但是我想讓它在另一個高度再次消失，所以它顯示在一系列像素之間。 E.g我想在div出現在500的高度，並在700

這裏再次消失在下面的代碼，我有：

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#testdiv").hide(); 
     $(window).scroll(function(){ 
       if($(window).scrollTop()>500){ 
       $("#testdiv").fadeIn(); 
       }else{ 
       $("#testdiv").fadeOut(); 
       } 
     }); 
    }); 
</script> 

將不勝感激幫助下， 瑞安。

Answer 1

這是行不通的？我添加了額外的檢查，看是否scrollTop的高於700如果是這樣，隱藏#testdiv

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#testdiv").hide(); 
     $(window).scroll(function(){ 
       if($(window).scrollTop()>500){ 
       if($(window).scrollTop()>700){ 
        $("#testdiv").fadeOut(); 
       } 
       else 
       { 
        $("#testdiv").fadeIn(); 
       } 
       } 
     }); 
    }); 
</script> 

Answer 2

我會去了解一下jQuery的航點插件在這裏：

http://imakewebthings.github.com/jquery-waypoints/

它可以把你想要的結果，而無需硬編碼500或700可以定義在HTML「標記」，將觸發當你滾動到他們的事件。在500處設置一個標記，在700處設置另一個，你應該很好走。