Titel nach oben korrigieren, wenn Abschnitt sichtbar ist

Ich versuche einen Effekt zu erzeugen, als wenn mein Benutzer scrollth1 klebt am oberen Rand des Fensters. Wenn die übergeordnete Div an dem h1 vorbei gescrollt hat, wird sie 'losgelassen' und scrollt wieder wie gewohnt. Bei meinem nächstensection kommt rein das würde ich dann gerne als nächstes reinsteckenh1 wieder nach oben und so weiter.

Geige

jQuery

$(document).ready(function(){
    $(window).scroll(function(){
        $('section h1').addClass('fixed');
    })
})

Ich habe auch versucht:

var section = $('section');
distance = section.offset().top,
$window = $(window);

$window.scroll(function() {
    if ( $window.scrollTop() >= distance ) {
       section.find('h1').addClass('fixed');
    }
});

Antworten auf die Frage(5)

Ihre Antwort auf die Frage