jquery滑動滾動。動畫div繼續在頁腳信息的頂部太遠

Question

在此先感謝您的任何幫助。 我有一個滑動div與jquery .animate，div與絕對位置設置，我需要停止滑動div，當它到達頁面上的某個點，因爲它只是繼續瀏覽頁腳div。爲了增加難度，還有另一個可擴展的div，因爲隱藏的div在頁面上顯示「see more」「less」按鈕。我可能需要從頁面底部滑動div停止800px，這將意味着它停止滑動並從頁面底部跳到頁面頂部。希望這是有道理的。 Here is the page on a test domain這不是真正的網站，所以如果你在將來的任何一點閱讀這個不會工作，它將在The Stockwell。

$().ready(function() { 
    var $scrollingDiv = $("#right"); 

    $(window).scroll(function(){    
     $scrollingDiv 
          .stop() 
      .animate({"marginTop": ($(window).scrollTop() + -20) + "px"}, "slow");   
    }); 
}); 

再次，感謝任何人提前的幫助。

Answer 1

你可以簡單地做

$().ready(function() { 
    var $scrollingDiv = $("#right"); 

    $(window).scroll(function(){ 
     if ($(window).scrollTop() < limit) { 
      $scrollingDiv.stop() 
      .animate({"marginTop": ($(window).scrollTop() + -20) + "px"}, "slow");  
     }  
    }); 
}); 

在這裏你可以隨意設定限值。