Как остановить плавающий блок на javascript?

Question

[Влад]

multmult.ru/373-dasha-sledopyt-2-sezon.html

Как сделать, чтобы при достижения #footer блок не пропадал, а закреплялся на расстоянии 20px от него? ну или примерно в том районе

Answer 1

[Андрей Minisol]

алгоритм простой:
1) берем смещение футера относительного левого верхнего угла, на jquery это $(node).offset().top
2) берем высоту блока который плавает
3) берем его смещение
4) к смещению плавающего блока прибавляем его высоту + нужны отступ
5) смотрим не пересеклись ли они, и если пересеклись, то фиксируем плавающий блок

Comments

[Влад]

уффф(( а можете, пожалуйста, дописать мой код?( для меня яваскрипт тяжеловат..

Answer 2

[Александр Янк]

Самый лучший плагин https://github.com/alex-lenk/sticky-kit

$(document).ready(function () {
// Находим плавающий блок и делаем его плавающим
  $('.aside-fly').stick_in_parent({
// Чтобы сразу прокручивался обратно
    inner_scrolling: true,
// Отступ сверху
    offset_top: 90
  });
});