Как остановить сайт бар перед футером после скролла?

Question

[Иван Лыков]

Ребят, доброго времени суток. Я к вам с вопросом, сделал сайт бар, после по скролу он начинает следовать за экраном. Но дальше задача, как мне остановить сайт бар так, что б он не ехал дальше с экраном и не наезжал на подвал, а остановился перед подвалом.
Вот примитив кода,

$("document").ready(function($){
    var side = $('.scroll');

	$(window).scroll(function () {
		if ($(this).scrollTop() > 1575) {
            side.addClass("scroll_fixed_side");
		} else {
            side.removeClass("scroll_fixed_side");
		}
	});
});

вот баг

Comments

[kulaeff]

Точно так же, как вы определяете, что сайдбар должен скроллиться, можно определить момент, когда он должен остановиться. Примерно так: scrollTop - sidebar.height - footer.height.

[Иван Лыков]

kulaeff, Спасибо за совет, сделал по указке. Благодарю

[Артем Рыженко]

position:sticky с префиксами поддерживает уже 70,71% браузеров.
https://jsfiddle.net/8673o16j/ как то так работает.