Сообщение # 1 | 03:03:34 29 Янв 2014
Поставил на сайт блок (отступ 100пх от верха), который при прокрутке вниз, должен прокручиваться вместе со страницей.


Код
.floating {
  width: 200px;  
}
.fixed {
  position: fixed;
  top: 10px;  
}



Код
<script type="text/javascript">
$(function(){
  $(window).scroll(function() {  
  var top = $(document).scrollTop();
  if (top > 98) $('.floating').addClass('fixed');  
  else $('.floating').removeClass('fixed');
  });
});

</script>


Проблема только в том, что когда прокручиваешь страницу до самого низа, блок должен упираться в футер (200px высотой), а он на него налазит. Не знаю как это исправить. Заранее спасибо за помощь)

Добавлено (29 Янв 2014, 03:03:34)
---------------------------------------------
Попробовал сделать так, но блок на футере не останавливается, а просто исчезает, пока опять вверх не поднять.



Код
$(function(){
  var topPos = $('.floating').offset().top;
  $(window).scroll(function() {  
  var top = $(document).scrollTop(),
  pip = $('.footer').offset().top,
  height = $('.floating').outerHeight();
  if (top > topPos && top < pip - height) {$('.floating').addClass('fixed').removeAttr("style");}  
  else if (top > pip - height) {$('.floating').removeClass('fixed').css({'position':'absolute','bottom':'0'});}
  else {$('.floating').removeClass('fixed');}
  });
});


Кто-то знает, как это исправить?)