Jquery scrollToFixed:固定在底部,但仅当空间足够时

Jquery scrollToFixed:固定在底部,但仅当空间足够时,jquery,jquery-plugins,Jquery,Jquery Plugins,我和你一起工作 我需要把地址块贴在底部,但只有当窗户足够高的时候。 现在,当窗口不够高时,地址块会覆盖内容 我需要: $(window).on('load', function() { $('.address').scrollToFixed({ bottom: 30, marginTop: 650 }); }); 但bottom和marginTop的组合不起作用 您可以在不使用插件的情况下执行以下操作: $(window).resize(fu

我和你一起工作

我需要把地址块贴在底部,但只有当窗户足够高的时候。 现在,当窗口不够高时,地址块会覆盖内容

我需要:

$(window).on('load', function() {
    $('.address').scrollToFixed({
        bottom: 30,
        marginTop: 650
    });
});

但bottom和marginTop的组合不起作用

您可以在不使用插件的情况下执行以下操作:

$(window).resize(function(){
            var height = $(window).height();
            if(height < 920){
                $('.address').css('position','fixed');
                $('.address').css('top','10px')
            }
            else if(height >= 920){
                $('.address').css('position','relative');
                $('.address').css('top','0px');
            }
        });
您可以使用以下示例:

看看这部分: //上一个摘要在这一页上

    var summaries = $('.summary');
    summaries.each(function(i) {
        var summary = $(summaries[i]);
        var next = summaries[i + 1];

        summary.scrollToFixed({
            marginTop: $('.header').outerHeight(true) + 10,
            limit: function() {
                var limit = 0;
                if (next) {
                    limit = $(next).offset().top - $(this).outerHeight(true) - 10;
                } else {
                    limit = $('.footer').offset().top - $(this).outerHeight(true) - 10;
                }
                return limit;
            },
            zIndex: 999
        });

滚动位置也很重要,不仅仅是窗口高度。示例:当我的高度>=920,但窗口向下滚动时,则地址块需要固定在底部。因此,如果需要相互交换,可能这也是您想要的$window.scrollTop>910