粘性元素，跟随父母

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/

希望它帮助。