2012-04-25 53 views
0

我該如何計算父母的高度,以便左邊的div只有動畫時,如果它下面有空白空間。我試圖計算父母身高大於問題高度+邊緣頂部。jquery滾動div只有父母是更高

這是代碼的簡化版本:http://jsfiddle.net/rewsn/6/作爲示例。雖然在真實版本中,問題/答案是通過AJAX更改的,所以這就是我需要每次計算高度的原因。

+1

我覺得這個插件的確需要http://blog.echoenduring.com/2010/11/15/freebie-contained-sticky-scroll-jquery-plugin/ – elclanrs 2012-04-25 23:03:50

+0

什麼你有什麼打算做一下頁腳?還是應該''div's滾動,一旦正確的'div'用完了scroll-room/height,或者其他什麼? – 2012-04-25 23:09:59

回答

1

如果我理解正確,那麼像下面這樣的簡單條件應該可以解決您的問題。

if ((y + el.outerHeight()) < $container.height()) { 

DEMO

var el = $('.answer'); 
var elpos = el.offset().top; 
var $container = $('.container'); 

$(window).scroll(function() { 
    var y = $(this).scrollTop(); 
    var mTop = y - elpos; 

    if ((y + el.outerHeight()) < $container.height()) { 
     if (y < elpos) { 
      el.stop().animate({ 
       'margin-top': 0 
      }, 500); 
     } 
     else { 
      el.stop().animate({ 
       'margin-top': y - elpos 
      }, 500); 
     } 
    } 
});