Видимость блока на экране

[MadChild]

Добрый день.
У меня есть блок, который становится зафиксированным при прокрутке страницы. То есть крутим страницу, когда страница пролистывается более чем на 150px [$(window).scrollTop()], то блок становится position:fixed
На некоторых страницах этот блок длинный и при прокрутке страницы до конца он наезжает на футер, чего не хотелось бы.
В голове есть только 2 возможных решениях:

1) считаем суммарную ширину страницы, отнимаем высоту экрана, отнимаем высоту футера и проверяем.
Если скролл страницы дошел до полученнго значения, то блоку ставим position:relative и margin-top

2) если футер попал в поле отображения на экране, то блоку ставим position:relative и margin-top


вот только я не знаю,
как подсчитать общую высоту всей страницы(не путать с высотой экрана)
или как проверить, видим футер на странице или еще находится за пределами экрана

[ixth]

Посмотри как тут сделано: http://codepen.io/ixth/pen/nrJla

[Rise]

MadChild,

var f = $('#footer');
$(window).scroll(function() {
	var w = $(this);
	if (w.scrollTop() > (f.offset().top - w.height())) {
		// footer в окне
	} else {
		// footer вне окна
	}
});

[MadChild]

var f = $('#footer');
$(window).scroll(function() {
	var w = $(this);
	if (w.scrollTop() > (f.offset().top - w.height())) {
		// footer в окне
	} else {
		// footer вне окна
	}
});

то что надо

[yurik417]

Воспользуйтесь плагином http://masscode.ru/index.php/k2/item/48-lifixar
У него есть замечательный параметр "wrapper" как раз для этих целей