javascript - 显示图像直到滚动？

Question

我的网页上是否有可能在用户进入页面时出现并在用户滚动后消失的图像？

基本上，我希望我的内容一侧有一个向下的箭头，然后我希望它在用户滚动后消失。

这是否可能仅使用 CSS 还是 javaScript 工作？

Answer 1

这是一个快速的 jQuery 片段

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

更新 - 要仅在未滚动到顶部时隐藏，请使用:

$(function() {
    var $img = $('#myImg');
    $(document).on('scroll', function() {   
        $img.toggle(!$(this).scrollTop());
    });
});

演示:http://jsfiddle.net/seancannon/XB2r6/