Добавление класса при попытке скроллинга, как сделать?

Мне нужно чтобы не на определённой точке страницы что-то менялось. А чтобы, например, я нахожусь вообще в футере, начинаю скролить вверх и после скроллинга 30px(например) добавлялся класс к нужному мне блоку

lordprettyflacko, на сколько я знаю тебе в любом случае нужно к чему-то привязываться. Из рандомной точки в рандомную событие не повесить

lordprettyflacko, гляньте тут: https://learn.javascript.ru/onscroll

lordprettyflacko, вам надо зацепиться за эту точку методом offset и потом уже при скролле проверять, если ваш скролл равен значению из offset делать что-то.

Я вот на днях делал. Нужно чтобы кнопка вверх меняла цвет когда попадает на футер.

var $wrHeight = $('.footer').offset().top;
	var $totalrHeight = $wrHeight-100;
	
	$(window).scroll(function () {
        if ($(this).scrollTop() > 1050) {
            $('#to-top').fadeIn();
        } else {
            $('#to-top').fadeOut();
        }
		
		if($(this).scrollTop() > $totalrHeight){
			$('.to-top').addClass('color');
			
		}
		else{
			$('.to-top').removeClass('color');
		}
    });