Question

I m currently using this code:

$(document).ready(function () {  
    var top = $( #sidebar ).offset().top - parseFloat($( #sidebar ).css( marginTop ).replace(/auto/, 0));
    $(window).scroll(function (event) {
        // what the y position of the scroll is
        var y = $(this).scrollTop();

        // whether that s below the form
        if (y >= top) {
            // if so, ad the fixed class
            $( #sidebar ).addClass( fixed );
        } else {
            // otherwise remove it
            $( #sidebar ).removeClass( fixed );
        }
    });
});

当我排在某个特定点后,则在我的旁边厅设置<条码>。我想,我的旁边厅在达到点后,停止使用<条码>固定,从整个页底起,时间为200页。我如何能够这样做?

Answer 1

∗∗∗∗∗∗∗

$(function() {
    var top = $( #sidebar ).offset().top - parseFloat($( #sidebar ).css( marginTop ).replace(/auto/, 0));
    var footTop = $( #background2 ).offset().top - parseFloat($( #background2 ).css( marginTop ).replace(/auto/, 0));
    var maxY = footTop - $( #sidebar ).outerHeight();
    $(window).scroll(function(evt) {
        var y = $(this).scrollTop();
        if (y > top) {
            if (y < maxY) {
                $( #sidebar ).addClass( fixed ).removeAttr( style );
            } else {
                $( #sidebar ).removeClass( fixed ).css({
                    position:  absolute ,
                    top: (maxY - top) +  px 
                });
            }
        } else {
            $( #sidebar ).removeClass( fixed );
        }
    });
});

http://jsfiddle.net/banjamesross/VPcm/“rel=“noretinger” 。

Answer 2

:

http://imakewebthings.github.com/jquery-waypoints/ (An event can be fired when you scroll to an element)

iii

http://plugins.jquery.com/project/whenScrollBottom (Fires event once scrolled near to the bottom, i.e., Twitter iii Facebook loading miiie feed items when you scroll to the bottom of the page)

友情链接