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>