0

Друзья, помогите, пожалуйста.

Есть код:
HTML:

<div id="me"> <img id="me_up" src="deep_space/me.png" alt="Me"> </div>

JS:

var lastScrollTop = 0;
  $(win).scroll(function(event){
     var st = $(this).scrollTop();
     if (st > lastScrollTop){
        $('#me_up').attr('src', 'deep_space/me_up2.png'); //вниз
     }
     else {
        $('#me_up').attr('src', 'deep_space/me_up.png');// вверх 
     }
     lastScrollTop = st;
    });

или такой:

$('body', 'html').mousewheel(function(event, delta, deltaX, deltaY) {
        console.log(delta > 0 ?'up' : 'down');
        if (delta > 0) {
            $('#me_up').attr('src', 'deep_space/me_up.png');
        }
        else {
            $('#me_up').attr('src', 'deep_space/me_up2.png');
        }
    });

Код меняет картинку в зависимости от направления скроллинга. Но когда скроллить перестаешь, то картинка остается измененной и на исходную не меняется.

Собственно, вопрос:
Как отследить прекращение скролла? Хочу при прекращении скролла менять картинку на исходную.

Заранее спасибо!

1
  • @ezelen, Если вам дан исчерпывающий ответ, отметьте его как верный (нажмите на галку рядом с выбранным ответом). 3 фев 2015 в 6:18

1 ответ 1

1

Долго переписывать. https://stackoverflow.com/questions/9144560/jquery-scroll-detect-when-user-stops-scrolling

1
  • Огромное спасибо!
    – ezelen
    2 фев 2015 в 22:07

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.