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

Question

[Максим Корольский]

Есть вот такая задача, зафиксировать блок, что бы когда до него доскроливало, он становился фиксированым
И ехал в рамках другого блока, при это доезжая до определенной точки (условно подвал) он прилипал к нему
После чего скролим вврех он опять отлипает

Дело в том что в подвале может быть разное колличество элементов

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

Есть ли какие то решения или плагины^ Может кто уже делал такое
Спасибо

Comments

[LemaroWeb]

Я ручками обычно такое делаю.
Считаю в каком положении scrollTop, если в таком, что fixed блок упирается вверх, то прибавляем ему разницу, при скролле дальше. При достижении определенной границы перестаем прибавлять разницу, если снизу верх идем, то вычитать разницу, у колесика можно отслеживать события вверх или вниз.

[Максим Корольский]

LemaroWeb я тоже так делал, но потом понял что это так себе решение.
Потому что много чего меняется, футер, ширина блока, шарка, все это постоянно разного размера
И мне постоянно прихотиться что то переделывать и допиливать.
Поэтому ищу какой то другой вариант

[LemaroWeb]

Максим Корольский: к футеру нет привязки, высота у родительского блока статична или у вас разные страницы по контенту? А ширина нам вообще не интересна ведь? Если резиновый макет, тогда да будет сложно посчитать.
Если это не лендос, то считать по формуле. Формулу так сразу не скажу, но пропорции посчитать можно.

Answer 1

[Александр Миранович]

position: sticky
Но низкая поддержка по браузерам, поэтому используйте
wd.dizaina.net/en/scripts/stickyfill

Answer 2

[Tizi]

Попробуй это.
для тебя подойдет 4 вариант.
P.s: Гуглится на раз два )))