javascript - 如何跳过此js的边距顶部？

我一直在努力解决这个问题；如何在向下滚动时使.float-div不在顶部边缘？我希望在滚动时将其固定在窗口顶部。如果删除.top-entry，它将正常工作。但是，如何在不删除.top-entry的情况下进行修复？

http://jsfiddle.net/loktar/Kjc6k/2/

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" );
}
});

最佳答案

这是我的新答案，这是一个小提琴http://jsfiddle.net/Kjc6k/48/
希望这是您正在寻找的:)

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


$(window).scroll(function(){


var y = $(this).scrollTop(),
    $topEntry = $('.top-entry').height();
if( y > $topEntry){
    $scrollingDiv
    .stop()
    .animate({"margin-top": y + "px"}, "slow" );
}
else
    $scrollingDiv
    .stop()
    .animate({"margin-top": "80px"}, "slow" );
});

关于javascript - 如何跳过此js的边距顶部？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19071750/