Плавающие блоки - как прилеплять блоки низ/верх
 

Как прилепить не верх блока к верхней части браузера а низ к нижней части как в примере тут http://sticky01.blogspot.ru/2015/05/1.html
пример по ссылке не работает у меня вернее работает но криво проблема с height так как в блоках у меня реклама размер изменяется динамически от самих рекламных материалов, а скрипту нужно знать фиксированную высоту.



Нашел такой код, легкий понятный, но он не такой гибкий как в примере по ссылке выше, можно ли как то исходя из нижнего кода допилить так чтоб он был как в примере по ссылке выше?

Делаю тут - http://www.nod32eset.ru/o-kompanii-eset/

<script>
$(window).scroll(function() {
	var sb_m = 00; /* отступ сверху и снизу */
	var mb = 100; /* высота подвала с запасом */
	var st = $(window).scrollTop();
	var sb = $("#text-11");
	var sbi = $("#text-11 .textwidget");
	var sb_ot = sb.offset().top;
	var sbi_ot = sbi.offset().top;
	var sb_h = sb.height();

	if(sb_h + $(document).scrollTop() + sb_m + mb < $(document).height()) {
		if(st > sb_ot) {
			var h = Math.round(st - sb_ot) + sb_m;
			sb.css({"paddingTop" : h});
		}
		else {
			sb.css({"paddingTop" : 0});
		}
	}
});
</script>

Нужно так же динамически получать высоту рекламы.

это понятно но я не знаю как это сделать, поэтому и создал пост.