scrollToFixed：固定在底部，但仅限于足够的空间

Question

我正在与jQuery plugin ScrollToFixed合作。

我需要将地址块粘在底部，但只有当窗口足够高时才需要。 现在，当窗口高度不够时，地址块覆盖内容。

我需要：

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

但底部和 marginTop 的组合将无效。

Answer 1

你可以在没有插件的情况下做这样的事情：

$(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');
            }
        });

Answer 2

你可以使用这个例子： http://bigspotteddog.github.io/ScrollToFixed/

看看这部分：      //上一页摘要。

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