跟随父元素的粘性元素

【问题标题】：Sticky element that follows parent跟随父元素的粘性元素
【发布时间】：2016-06-26 10:04:51
【问题描述】：

我正在尝试在滚动窗口时构建跟随父元素的粘性元素，并在到达父元素末尾时停止。但是，我在下限方面遇到了麻烦。我希望粘性元素停止粘在底部，但我没有得到以下代码的结果：

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

我做错了什么？这是jsfiddle https://jsfiddle.net/just_vr/3nb60dqc/

【问题讨论】：

标签： jquery sticky

【解决方案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/

希望对你有帮助。

【讨论】：

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