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