Задать вопрос
Fqyeh29
@Fqyeh29
↓ ИМХО ↓
html

Плавающее меню с прокруткой, как в вк?

В группах в vkбоковое меню (справа) фиксированное, но прикручивается до своего конца и обратно, если оно длиннее высоты окна.

Как такое реализовать? В сорсах страницы порылся, не нашел.
  • Вопрос задан
  • 317 просмотров
6 комментариев
Подписаться 2 Средний 6 комментариев
Решения вопроса 1
odobrygin
@odobrygin
Front-end / Back-end Developer
https://abouolia.github.io/sticky-sidebar/examples...
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@andrey_koyta
Там JS-ом переключается класс position: fixed и в зависимости от прокрутки меняется margin-top (отступ сверху), типа если край блока достиг края вьюпорта -> fixed, если и верхний край блока, и нижний находятся не касаются края вьюпорта, то выставляется margin-top текущей прокрутки (window.scrollY)
От этого и пляшем

нагугли про clientHeight, offsetY и scrollTop
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Дописать функцию на Flutter, работа с yandex map kit
20 апр. 2024, в 04:18
3000 руб./за проект
Английская версия для сайта на WordPress
20 апр. 2024, в 03:34
8000 руб./за проект
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Ещё заказы