Создание изображения Повторно появляются при прокрутке назад к началу страницы

Question

Я был дан код:

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

Это позволяет мне сделать изображение исчезает, когда я начала прокрутки, но теперь я хочу, чтобы образ повторно - появляется, когда полоса прокрутки вернется в начало страницы.

Каков наилучший способ для этого?

Я пробовал:

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

, но я ничего не получил :(

Answer 1

Вам нужно проверить текущую позицию прокрутки:

DEMO: http://jsfiddle.net/gvee/W6nax/

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

Ключ - это значение, возвращаемое:

$(this).scrollTop() 

Это дает нам текущую позицию прокрутки документа!