Задать вопрос
@alexeilavrov

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

Добрый день!

У меня обычная сетка сайта: слева меню, справа во всю ширину несколько блоков. Мне надо сделать так, чтобы пока человек смотрит один из этих блоков, внизу экрана был плавающий элемент, который при просколле родительского блока уходил бы вместе с ним.

То есть мне как бы нужен sticky kit, только наоборот :) Там при проскролле элемент прилипает к верху экрана, а тут должно быть наоборот, пока до элемента не прокрутили, он болтается внизу экрана.

Схемы для наглядности:
5c596c3278eb8696104478.png5c596c3a1925b762266937.png5c596c3fe8dc7598830898.png

Подскажите, пожалуйста, каким образом можно такое реализовать? Спасибо.
  • Вопрос задан
  • 297 просмотров
Подписаться 1 Простой 4 комментария
Решения вопроса 1
e_snegirev
@e_snegirev
у родителя:
position: relative;

у плавающего элемента:
position: sticky;
top: 0;
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@hesrun
Ну так или css stiky и позицию указывать нижнюю.
Или любой липкий плагин, он отслеживает и верхние и нижние границы...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы