Как сделать плавающий блок от нижней части экрана?

Question

[Расул Гитинов]

Хочется понять, как реализовать плавающий блок в сайдбаре который прилипает к нижней части экрана только тогда, когда до него доскроллят, точно как на tjournal.ru, там как раз футер перемещен в правый сайдбар.

Скриншот

Answer 1

[Сергей]

Отслеживаете событие скрола, получаете координаты блока, и если они удовлетворяют условиям то применяете стили position: fixed к этому блоку

Answer 2

[Justin Bieber]

.b-content-footer.sticky {
position: fixed;
bottom: 0;
}

Answer 3

[Clever_Coyote]

Высчитать высоту от края экрана до низа блока, js-ом повесить класс с position: fixed когда высота становится больше высчитанной.

Comments

[Расул Гитинов]

А если там над этим блоком, будут другие блоки, каждый раз разной высоты? Например реклама от Google подставляет рекламу разной высоты

[Константин Давыдов]

Расул Гитинов: Скорей всего там высчитывается высота всего сайдбара. Соответсвенно, если туда добавить ещё пару блоков, то высота будет пересчитана автоматически.

[Расул Гитинов]

Константин Давыдов: А каким образом она будет высчитывать автоматически?

[Константин Давыдов]

Расул Гитинов: Например $(".sidebar").innerHeight();

[isrofilov]

Расул Гитинов: рекламу от гугла в такие блоки ставить нельзя

[Расул Гитинов]

isrofilov: Почему?

[Clever_Coyote]

Да, именно про .innerHeight() и говорил