Question

jQuery

function showDiv() {
    if ($(window).scrollTop() > 100) {
        $('.lock').fadeIn('slow');
    } else {
        $('.lock').fadeOut('slow');
    });
}
$(window).scroll(showDiv);
showDiv();

HTML (.lock { display: none; position: fixed; })

<div class="lock">
    Text
</div>

I’m trying to get a hidden fixed div to appear when you scroll to a certain part of the page, and to disappear when you scroll back up. What am I doing wrong?

Answer 1

looks like a syntax issue

function showDiv() {
    if ($(window).scrollTop() > 100) {
        $('.lock').fadeIn('slow');
    } else {
        $('.lock').fadeOut('slow');
    }//); <-- drop this close parenthesis/semicolon
}

jsfiddle example