Klebriges Element, das dem Elternteil folgt

Question

Ich versuche ein klebriges Element zu erstellen, das dem übergeordneten Element folgt, während ich das Fenster scrolle und stoppe, wenn ich das Ende des Elternteils erreiche. Aber ich habe Probleme mit der unteren Grenze. Ich mag die klebrige Element stoppt nach unten geklebt, aber ich habe nicht das Ergebnis mit diesem Code erhalten:

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

Was mache ich falsch? Hier ist die jsfiddle https://jsfiddle.net/just_vr/3nb60dqc/

Answer 1

Ich denke, dass Sie sollten Position relativ zum übergeordneten klebrigen Elemente zuweisen und Ihre Bedingungen unterschiedlich definieren wie diese

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

es hier https://jsfiddle.net/aleksandarbatin/r5sa0gq3/1/

Hoffnung, dass es hilft.