Javascript 使图像在滚动回页面顶部时重新显示

我已收到代码：

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

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

最好的方法是什么

我试过：

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

---

但我什么也没有：（

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

演示：

键是由以下项返回的值：

$(this).scrollTop()

---

这将为我们提供文档的当前滚动位置！

使用$（窗口）。打开（“scroll”…事件和检查滚动高度应该很容易实现。您可以使用

window.onScroll

检测滚动条的移动，然后使用

window.pageYOffset

获取滚动条的位置。

window.pageYOffset

如果在顶部，将等于零。请参见严厉的向下投票，但不管怎样..我将如何选择滚动条将此应用于我的图像？我对JS一无所知，只知道CSS和HTML。我在这里引用了

$（'b'）

，您需要放置

$img

，然后将

.text（）

函数交换为

.show（）

和

.hide（）

分别。太棒了，我刚刚想好要修改什么了！我需要学习JavaScript的基础知识。。非常感谢@gvee刚刚注意到这在Chrome和FF中非常有效，但在IE中不起作用，是否有一种代码变体允许它在IE中工作？我想我正在使用IE10

$(this).scrollTop()