Как перезапустить скрипт, при скролле верх?

Question

[Егор Рублёв]

Доброго времени суток, будьте добры подсказать, как сделать, чтобы этот скрипт вызывался при скролле вниз, а при скролле верх, снова принимал изначальную форму?

Сделал так:

$(window).scroll(function() {
		$('#block-new20, #block-new25, #block-new26').each(function(){
		var imagePos = $(this).offset().top;
		var topOfWindow = $(window).scrollTop();
			if (imagePos < topOfWindow+550) {
				$(this).addClass("right");
					}else if(imagePos > topOfWindow+550){
				$(this).removeClass("right");
					}
		});
	});

Answer 1

[Егор Рублёв]

<script>
	$(window).scroll(function() {
		$('#block-new20, #block-new25, #block-new26').each(function(){
		var imagePos = $(this).offset().top;
		var topOfWindow = $(window).scrollTop();
			if (imagePos < topOfWindow+550) {
				$(this).addClass("right");
					}else if(imagePos > topOfWindow+550){
				$(this).removeClass("right");
					}
		});
	});
</script>

Comments

[Егор Рублёв]

Сделал так, работает, всем спасибо!

Answer 2

[lnked]

// Кешируем значение
var s_cache = $(window).scrollTop();

$(window).scroll(function() {
    var st = $(window).scrollTop(), d = st - s_cache;

    if(d > 0) {
        // Скроллим вниз
    }
    else {
        // Скроллим вверх
    }

    s_cache = st;
});

Comments

[Егор Рублёв]

Извиняюсь, что-то у меня не вышло, куда это нужно вставить?

[lnked]

Егор Наумкин: Типа этого вставьте в шаблон или в js файлик

;(function($) {
var s_cache = $(window).scrollTop();
$(window).scroll(function() {
var st = $(window).scrollTop(), d = st - s_cache;

if(d > 0) {
$('#block-new20, #block-new25, #block-new26').addClass("right")
}
else {
$('#block-new20, #block-new25, #block-new26').removeClass("right");
}

s_cache = st;
});
})(jQuery);