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>

当你滚动到页面的某个部分时，我试图获得一个隐藏的固定div，并在你向后滚动时消失。我做错了什么？

Answer 1

请测试一下：将样式放在div.lock元素中。

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

Answer 2

看起来像语法问题

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

jsfiddle example

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

2 个答案: