JQuery: Показаны скрытый DIV на странице свитка

Question

JQuery

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

HTML (.lock {дисплей: нет; позиция: фиксированная;})

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

Я пытаюсь получить скрытый фиксированный div появится, когда вы перейдете к определенной части страницы и исчезнете при прокрутке назад. Что я делаю не так?

Answer 1

выглядит как вопрос синтаксиса

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

jsfiddle example

Answer 2

прошу протестировать это: положить стили в элемент div.lock.

<div class="lock" style="display: none; position: fixed;"> 
    Text 
</div>