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>