[webm0ney]

Всем привет. Имеется скрипт плавающего блока с сайта _http://ruseller.com/lessons.php?rub=2&id=480 (jQuery)

PHP код:

$(function() {
var offset = $("#sidebar").offset();
var topPadding = 15;
$(window).scroll(function() {

if ($(window).scrollTop() > offset.top) {
$("#sidebar").stop().animate({
marginTop: $(window).scrollTop() - offset.top + topPadding

});
} else {
$("#sidebar").stop().animate({
marginTop: 0
});
}
});
}); 


Вроде нормально все плавает, но когда плавающий блок доезжает до футера... он его просто отталкивает вниз и в итоге можно доооолго стролить страницу...
Как сделать ограничение блока #sidebar плавать в приделах одного блока не отталкивая низ... либо останавливаться когда доплывает до футера?

[_Серега_]

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

Код:

if ($("#sidebar").height()+topPadding+offset.top > высота_внешнего_блока) {
$("#sidebar").stop().animate({ 
marginTop: высота_внешнего_блока - $("#sidebar").height();
});
}

[DoZer]

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

что-то не работает. Кто нибудь может помочь с этим скриптом?

[vborodov]

DoZer, все работает. Покажите ваш код или пример использования

[Unick]

я уже ответил в теме, где продублировали проблему
Программирование на JS, JQ, Ajax

[13bis]

Ага, была такая же проблема именно с этим скриптом, решил следующим образом:

Код:

        $(document).ready(function() {
            var offset = $(".content").offset();
            var topPadding = 10;
			var bar_offset = 0;
			var max_offset = $('.content').height() - $('#sidebar').height() - topPadding - 10;
			if($('title').text() == 'КОНТЕНТ') {
				max_offset = $('.content').height() - $('#sidebar').height() - topPadding - 50;				
			};
	/*		console.log('максимальный отступ ' + max_offset);
			console.log('отступ сверху ' + offset.top);*/
            $(window).scroll(function() {
				offset = $(".content").offset();
                if ($(window).scrollTop() > offset.top) {
					bar_offset = $(window).scrollTop() - offset.top - topPadding;
				/*	console.log('отступ сверху ' + offset.top);
					console.log('отступ ' + bar_offset);*/
					if( bar_offset > max_offset) {bar_offset = max_offset}
                    $("#sidebar").stop().animate({
                        marginTop: bar_offset
                    });
                } else {
                    $("#sidebar").stop().animate({
                        marginTop: 0
                    });
                };
            });
        });

.content - это привязка к конкретному блоку слева, за границы которого сайдбар спускаться уже не будет