Javascript jQuery：在页面滚动上显示隐藏的div

jQuery

HTML（.lock{display:none；position:fixed；}）

正文

我试图让一个隐藏的固定div在你滚动到页面的某个部分时出现，在你向上滚动时消失。我做错了什么？

请测试一下： 将样式放入div.lock元素

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

正文

看起来像是语法问题

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

函数showDiv（）{
如果（$（窗口）.scrollTop（）>100）{
$（'.lock'）.fadeIn（'slow'）；
}否则{
$（'.lock'）.fadeOut（'slow'）；
}//);
<div class="lock" style="display: none; position: fixed;">
    Text
</div>

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