-1

このコードで何が起こっているのか説明してください。

<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 の初心者であることがわかります。ですから、どんな助けでも大歓迎です。

4

1 に答える 1

0

コメントの説明を参照してください

//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);
    }
});
于 2013-04-26T09:42:51.810 に答える