Плавающий блок, замирающий над футером

[рони]

anmast,

[sergiocharm]

рони,
при заужении браузера блок не останавливается и лезет до бесконечности. как в этом случае поступить?

[рони]

sergiocharm,
ещё вариант

$(function() {
      var elem = $("#fixed"), h = elem.offset().top ;
	  $(window).scroll(function(){
      var top = $(this).scrollTop();
      elem.css( {'top': top> h ? 20 : '', 'position': top > h ?   'fixed' : ''})})
 });

[sergiocharm]

Спасибо! Поступил проще, убрал при маленьком разрешении

[Jeff]

Вот пример, как сделать плавающий блок

[рони]

Вот пример, как сделать плавающий блок

тема Плавающий блок, замирающий над футером

[BETEPAH]

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

[sergiocharm]

$(function() {
     var offset = $("#fixed").offset();
     var topPadding = 20,
         bottomPadding = 210; //высота над которой остоновится
     $(window).scroll(function() {
         if ($(window).scrollTop() > offset.top) {
             if ($(document).height() - bottomPadding > $(window).scrollTop() + $("#fixed").height()) $("#fixed").stop().animate({
                 marginTop: $(window).scrollTop() - offset.top + topPadding
             });
         } else {
             $("#fixed").stop().animate({
                 marginTop: 0
             });
         };
     });

 });

Подскажите как остановить блок если окно браузера сужается и блок становится под текстом и не может дотянуться до футера? http://www.allremont59.ru/building-h...nt-stena-fasad

[рони]

sergiocharm,
попробуйте так

$(function() {
    var offset = $("#fixed").offset();
    var topPadding = 20,
        bottomPadding = 210;
    $(window).scroll(function() {
        var max = $(document).height() - ($(window).height() - bottomPadding),
            scroll = $(window).scrollTop();
        if (scroll > offset.top && scroll < max) {
            if ($(document).height() - bottomPadding > scroll + $("#fixed").height()) $("#fixed").stop().animate({
                marginTop: scroll - offset.top + topPadding
            })
        } else $("#fixed").stop().animate({
            marginTop: 0
        })
    })
});

[рони]

sergiocharm,
jQuery Plugin For Creating Sticky Elements While Scrolling