javascript - 滚动回到页面顶部时使图像重新出现

Question

我得到了代码：

$(function() {
    var $img = $('#arrow');
    $(document).on('scroll', function() {
        $img.hide();
    });
});

这允许我在开始滚动时使图像消失，但现在我希望图像在滚动条回到页面顶部时重新出现。

最好的方法是什么？

我试过：

$(function() {
    var $img = $('#arrow');
    $(document).on('top', function() {
        $img.show();
    });
});

但我什么也没得到:(

Answer 1

您需要检查当前的滚动位置：

演示：http: //jsfiddle.net/gvee/W6nax/

$(document).on('scroll', function() {
    if ($(this).scrollTop() == 0) {
        $('b').text('TOP!');
    }
    else {
        $('b').text($(this).scrollTop());
    }
});

关键是返回的值：

$(this).scrollTop()

这给了我们文档的当前滚动位置！