到達 post div 末尾時使滑動 div 停止

Question

我的帖子旁邊有一個浮動框。 這是帖子 div 的代碼

 <div class="post-entry>
    <div class="float-div">
       data 
    </div>
  divs and text
 </div>

這是 javascript 代碼，使其移動效果很好

<script type="text/javascript">     
$(function() {
 var offset = $(".float-div").offset();
 var topPadding = 100;
 $(window).scroll(function() {
     if ($(window).scrollTop() > offset.top) {
         $(".float-div").stop().animate({
             marginTop: $(window).scrollTop() - offset.top + topPadding
         });
     } else {
         $(".float-div").stop().animate({
             marginTop: 7
         });
       };
    });
  });
 </script>

問題是它一直移動到整個頁面，直到頁腳。 但它需要在 div “post-entry”的末尾停止。 關於如何讓它停止的任何想法？

Answer 1

更新為與您的現場演示一起使用

以下將滾動到頁腳，但可以修改以在需要的地方滾動。

var $scrollingDiv = $(".float-div");

$(window).scroll(function(){      
    var y = $(this).scrollTop(),
        $postEntry = $('.post-entry'),
        maxY = $postEntry.offset().top + $postEntry.height(),
        scrollHeight = $scrollingDiv.height();
    if(y< maxY-scrollHeight ){
        $scrollingDiv
        .stop()
        .animate({"marginTop": ($(window).scrollTop()) + "px"}, "slow" );        
    }    
});

可能是Jquery 滾動 div 的副本 - 如果我正確理解您的問題，請防止進入站點頁腳。