Как остановить сдвиг блока до начала футера?

Question

[Max]

Здравствуйте, сделал блок который двигается при скроле. Как остановить это движение, в момент начала футера? Допустим высота футера 200 пх. Грубо говоря - за 200 пх до конца страницы.

$(function(){
		    $(window).scroll(function() {
		        var top = $(document).scrollTop();
		        var scrollBottom = $(window).scrollTop() + $(window).height();
			    if (top < 100) $(".hidden-block-about-works").css({top: '600', position: 'relative'});
			    else $(".hidden-block-about-works").css({top: '610px', position: 'fixed'});
		    });
		});

Answer 1

[Пашенька]

$(window).on('load scroll', function () {
		var scrollTop = $(this).scrollTop(),
			h = $(this).height(),
			offset = $('footer').offset().top;
		if (offset - scrollTop > h) {
			//двигаем что нужно
		}
	});

Comments

[Max]

Спасибо!

[Max]

Есть одна проблемка, скрипт работает только при обновлении страницы. Допустим я опускаюсь в самый низ, и блок у меня залазит на футер. При обновлении страницы она загружается на том же месте где я обновил, и блок уже находится выше футера.

[Пашенька]

Max: изменил ответ