Jquery 父元素之后的粘性元素

我试图在滚动窗口时构建跟随父元素的粘性元素，并在到达父元素末尾时停止。但是，我在底线方面遇到了麻烦。我希望sticky元素停止粘贴到底部，但我无法使用以下代码获得结果：

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

---

我做错了什么？这里是jsfiddle

我认为您应该分配相对于sticky元素父元素的位置，并像这样以不同的方式定义您的条件

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

if（$（窗口）.scrollTop（）>$start-10&&$（窗口）.scrollTop（）$limit-$stickyH-10）{
$sticky.css({
'位置'：'绝对'，
“顶部”：“自动”，
“底部”：0
});
}

看看这里

---

希望能有所帮助。

哦，是的，现在我明白我做错了什么。非常感谢@Aleksandar