Остановить скользящий блок в определенном месте

<script type="text/javascript">



$(document).ready(function(){

var obj = $('#sticky');

var offset = obj.offset();

var topOffset = offset.top;

var leftOffset = offset.left;

var marginTop = obj.css("marginTop");

var marginLeft = obj.css("marginLeft");



$(window).scroll(function() {

var scrollTop = $(window).scrollTop();

var maxScroll = $('#container').height()/2; // половина высоты блока #container

//var maxScroll = 500; // фиксированная высота



	if (scrollTop >= topOffset){

		obj.css({

			marginTop: 0,

			marginLeft: leftOffset,

			position: 'fixed',

		});

	}



	if (scrollTop < topOffset){//&& scrollTop<$(body).height()/2



		obj.css({

			marginTop: marginTop,

			marginLeft: marginLeft,

			position: 'relative',

		});

	}

	

	if(scrollTop>maxScroll) {

		obj.css({

			marginTop: maxScroll,

			marginLeft: marginLeft,

			position: 'relative',

		});	

	}

	

});

});



</script>

Это высота сверху?

Да, если прокручено больше этого значения - блок дальше плыть не будет. Строчка закомментирована.. Альтернативный вариант ограничения - по соседству (половина высоты указанного блока). Работает аналогично.

Возможно (для точного "центрования" при маленьких высотах большого блока) потребуется учесть высоту самого блока (отнять половину высоты плавающего блока, чтобы центр плавающего блока совпадал с центром "большого" блока.)