javascript - 解释一下这个jQuery效果

Question

请一些人解释这段代码中发生了什么？

<script type="text/javascript">
    $(function () {
        var $scrollingDiv = $(".floatdetails");
        $(window).scroll(function () {
            var y = $(window).scrollTop(),
            maxY = $('#foot').offset().top,
            scrollHeight = $scrollingDiv.height()
            if (y < maxY - scrollHeight - 375) {
                $scrollingDiv.stop().animate({
                    "marginTop": ($(window).scrollTop()) + "px"
                }, 2000);
            }
        });
    });
</script>

我需要做的是不要让 margin-top 小于 0。你可以在这里看到我为什么需要它。也不要让 .floatdetails 越过页脚。

显然你可以猜到我是一个 jQuery 初学者。因此，任何帮助将不胜感激。

Answer 1

见评论中的解释

//Function will be triggered on scrolling 
$(window).scroll(function() {
    //How much height is scrolled is assigned to y;
    var y = $(window).scrollTop(),
            //top position of the $('#foot') is assigned to maxY
            maxY = $('#foot').offset().top,
            //height of $(".floatdetails") is assigned to scrollHeight
            scrollHeight = $scrollingDiv.height()
    if (y < maxY - scrollHeight - 375) {
        //Base od the condition $(".floatdetails") is animated
        $scrollingDiv
                .stop()
                .animate({
            "marginTop": ($(window).scrollTop()) + "px"
        }, 2000);
    }
});