Add class offset top on scroll position

Das folgende jQuery Script setzt und entfernt eine CSS Klasse, wenn das Ziel-Element (div#c323) auf der Seite eine bestimmte Position erreicht hat.

$(function() {

    var div = $('#c323');
    var menuTop_height = $('header .navbar').height();

    var div_offsetTop = $(div).offset().top - menuTop_height;

    $(window).scroll(function() {

        var scrollPos = $(window).scrollTop();

        if (scrollPos >= div_offsetTop ) {
            div.addClass('new-css-class');
        } else {
            div.removeClass('new-css-class');
        }
    });
})

Eine weitere Variante:

$(function() {

    var div = $('#c9240');
    var divOffset = $(div).offset().top;

    var windowHeight = $(window).height();

    var button = $('#c7471');
    $(button).css('opacity', 0);


    $(window).scroll(function() {

        var scrollPos = $(window).scrollTop();

        if ( (scrollPos) > (divOffset - windowHeight) ) {
            $(button).stop().animate({'opacity': '1'}, 100);
        } else {
            $(button).stop().animate({'opacity': '0'}, 100);
        }
    });
})