@chelnokov_a

Как показать ПОЛНОСТЬЮ блок с position stick?

Добрый день. Есть блок с position:stick; Дело в том что его высота превышает высоту экрана. А его родитель достаточно большой по высоте и выходит так, что чтобы увидеть нижние содержание данного блока человека приходится скролить достаточно долго.

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

Как только человек скролит наверх. Сначала данный блок прокручиваем до верха. А потом уже делаем скрол страницы
  • Вопрос задан
  • 52 просмотра
Пригласить эксперта
Ответы на вопрос 1
pavel_ataykin
@pavel_ataykin
Верстаю и программирую всякое.
Привет! с position: sticky такое провернуть не получится. Самый простой способ взять готовый модуль https://github.com/vursen/FloatSidebar.js/
Так же есть статья на medium от автора этого плагина https://medium.com/@vursen/state-machine-for-stick...
Сам использовал этот модуль - работает корректно + использует всякие хорошие штуки типа requestAnimationFrame под коробкой, чтобы не грузить страничку лишнего
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы