Как сделать так чтобы при скроленнге блок подходящий до конца окна браузера фиксировался?

Question

[Dc888]

Суть вопроса такова, контент поделен на две части - вертикальных, одна чать длиннее другой,
как сделать так чтобы при скроленнге страницы одна из частей фиксировалась когда заканчивалось, или приближалась к футеру самого окна браузера, пример facebook

Comments

[Dc888]

Так полагаю идей больше нет...

Answer 1

[Сергей Горячев]

leafo.net/sticky-kit

Comments

[Dc888]

Данное решение не подходит ='(

[Сергей Горячев]

Dc888: Чего так?

[Dc888]

Sergey Goryachev: необходимо, чтобы блок фиксировался только тогда, когда приближается к футеру, но там такого нету они плавают, а только том приляпают к футеру

[Сергей Горячев]

Dc888: сделаю вид, что понял вас) Ну, другого не подскажу)

[Dc888]

Sergey Goryachev: если не сложно откройте любую страницу на facebook, вы увидите о чем я говорю, там левая колонка не плавает, но когда она заканчивается то просто приляпает к футеру =)

[Сергей Горячев]

Dc888: ну, я бы сделал через viewportChecker. Добавить после левой колонки div, и когда div входит в область просмотра, фиксировать левую колонку.

Answer 2

[Dc888]

вот пока что есть но очень сыро

jQuery(function($) {
  function fixDiv() {
    var $cache = $('#cont');
    if ($(window).scrollTop() >=  $(window).height())
      $cache.css({
		'position' : 'fixed',
		'top': 'auto',
		'bottom': 0,
		'left': 595,
		'-webkit-transform' : 'translateZ(0)',
      });
    else
      $cache.css({
		'position' : 'absolute',
		'top' : 0,
		'bottom' : 'auto',
		'left': 482,
      });
  }
  $(window).scroll(fixDiv);
  fixDiv();
});

Answer 3

[jlekapb]

как вариант
https://github.com/garand/sticky