Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Илья Пирожок
@kamikadze1996
{[]}
JavaScript
CSS
Как сделать такой фиксированный sidebar?
Как реализовать фиксацию sidebar при скролле страницы? Дело в том что sidebar довольно высокий и не помещается на экране, т.е. просто position: fixed не получится.
Какие есть идеи?
Сайт с сайдбаром с левой стороны:
stn.complife.in.ua/catalogue
Вопрос задан
более трёх лет назад
184 просмотра
Комментировать
Подписаться
2
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
Роман Мисюра
@MindMinimal
Front-end Developer, веб-разработчик
Если я Вас правильно понимаю, то нужно, чтоб сайдбар скролился вместе с страницей.
stickyjs.com
- попробуйте этот плагин.
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
display: block
@qork
{ background: #F00B42 }
Скролл или под спойлеры спрятать.
Ответ написан
более трёх лет назад
3
комментария
Нравится
3
комментария
Facebook
Вконтакте
Twitter
Илья Пирожок
@kamikadze1996
Автор вопроса
Спойлеры?
Написано
более трёх лет назад
display: block
@qork
Илья Пирожок
: Например, как на Тостере, в сайдбаре, напротив никнейма.
Написано
более трёх лет назад
Илья Пирожок
@kamikadze1996
Автор вопроса
qork
: Но тут сайдбар не больше чем высота экрана
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+2 ещё
Простой
Вёрстка анимированой кнопки — как реализовать?
1 подписчик
17 часов назад
69 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Почему electron приложение после нотаризации не запускается на других маках?
1 подписчик
вчера
92 просмотра
0
ответов
JavaScript
Простой
Как реализовать счетчик мульти-слайдера?
1 подписчик
вчера
75 просмотров
1
ответ
CSS
Простой
Как адаптивно верстать рванные блоки?
1 подписчик
21 авг.
314 просмотров
1
ответ
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
21 авг.
107 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
20 авг.
70 просмотров
1
ответ
JavaScript
Простой
Как правильно пользоваться функцией onScroll встроенной в anime.js?
1 подписчик
20 авг.
78 просмотров
1
ответ
CSS
Простой
Как сделать полноценную обводку у clip-path?
2 подписчика
19 авг.
157 просмотров
0
ответов
JavaScript
+2 ещё
Простой
Зависимости в package.json отображаются как неустановленные при открытии репозитория, размещенного в WSL?
1 подписчик
15 авг.
165 просмотров
1
ответ
JavaScript
Простой
По какой логике формируется очередь микро задач с async/await синтаксисом?
1 подписчик
13 авг.
228 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама