Question

我想在页面滚动到底部时显示DIV，例如从顶部说100px。我正在使用下面的代码

HTML

<div class="scroll_div">Hello World!</div>

的jQuery

jQuery(document).scroll(function ($) {
    var y = $(this).scrollTop();
    if (y > 100) {
        $('.scroll_div').fadeIn();
    } else {
        $('.scroll_div').fadeOut();
    }

});

和CSS

body {
    height:1600px;
}

.scroll_div{
    display: none;
}

请帮忙

Answer 1

试试这个：

$(document).scroll(function () { // remove "$"
    var y = $(this).scrollTop();        
    if (y > 100) {
        $('.scroll_div').fadeIn();
    } else {
        $('.scroll_div').fadeOut();
    }
});

Fiddle here.

Answer 2

传递给事件处理程序的参数表示事件对象。试试这个：

jQuery(document).scroll(function (e) {

如果要在事件处理程序中使用$，请将处理程序包装在另一个接收jQuery对象的函数中：

(function($) {
    $(document).scroll(function(e) {
        //...
    });
})(jQuery);

Answer 3

您可能正在使用旧版本的minified jQuery。它几乎没有被弃用的代码需要用一些新函数替换，例如它有一个已知的returnValue解压缩代码，需要由preventDefault替换。

我建议您搜索我提到的代码，然后尝试使用提取的代码替换。

当页面滚动到100px时显示div

3 个答案: