Зафиксировать блок внутри кастомного скролла?

Question

[Breeze1]

Ребят, есть непростая задачка.
Есть блок с кастомным скроллом, внутри этого блока есть плашка, которая должна быть зафиксирована, причем снизу этого блока. К тому же ещё каким-то чудом, она не должна контент перекрывать когда сам блок скролится.

Есть какие-нибудь идеи хотя бы в каком направлении двигаться ?

ЗЫ. Плашка должна быть частью блока со скролом, если на нее навести и скролить, должен скролиться блок, а не вся страница.

https://codepen.io/brezze/pen/QPNybm

Answer 1

[Антон Усачев]

Я реализовывал подобное.
Нужно привязываться к событиям кастомного скролла и высчитывать:
1. высоту плашки
2. высоту всего контента минус паддинг высоты плашки
3. сколько отскроллилось
4. вычитать высоту плашки от параметров выше
5. давать плашке абсолютную позицию с учетом параметров выше

Обычно кастомные скроллы дают API для высчитывания этого так или иначе, главное – понять к чему привязать расчеты.

Я делал на slimscroll и customScrollbar.

На нативном скролле это вообще просто: position: sticky.

Comments

[Breeze1]

Причем тут position: sticky. У нас идёт фиксация к нижней границе. Попробуй в примере это сделать с помощью sticky )

[Антон Усачев]

Breeze1,