跟随父母的粘性元素

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/

希望它有所帮助。