粘性元素，跟隨父母

Question

我試圖建立粘性元素，跟隨父元素，當我滾動窗口，並停止當我到達父母的結束。但是，我遇到了底限的問題。我想貼到底部的粘性元素停止，但我不同意這種代碼得到的結果：

else if ($(window).scrollTop() >= $limit - $stickyH - 10) { 
    $sticky.css('top', $limit); 
} 

我在做什麼錯？這裏是的jsfiddle https://jsfiddle.net/just_vr/3nb60dqc/

Answer 1

我認爲你應該相對位置分配給脫膠的父母和定義不同的條件下這樣

if ($(window).scrollTop() > $start - 10 && $(window).scrollTop() <= $limit - $stickyH - 10) { 
    $sticky.css({ 
    'position':'fixed', 
    'top': 10}); 
    } 
    else if ($(window).scrollTop() > $limit - $stickyH - 10) { 
    $sticky.css({ 
      'position': 'absolute', 
      'top'  : 'auto', 
      'bottom' : 0 
     }); 
    } 

看看這裏https://jsfiddle.net/aleksandarbatin/r5sa0gq3/1/

希望它幫助。