Задать вопрос
@campus1
html

Как правильно отобразить скролл?

Всем привет. Есть у меня блок, который я хочу скролить и что-бы контент в нём был sticky.
Сейчас у меня скролл отображается, но он очень большой, а если height убавить хоть на 1%, то его вообще нету и 
position: sticky
 top: 0
ничего не дает(

Код

Спасибо!
  • Вопрос задан
  • 83 просмотра
2 комментария
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 2
Odisseya
@Odisseya
Оптимизирую PageSpeed & Performance
Пропишите для .wrapper{ align-items: flex-start; } и для .sticky{ position: fixed; }
Можно еще для .left { overflow-y: auto; }
Так происходит от того, что по умолчанию, флекс контейнер растягивает обе колонки на одинаковую высоту.
Ответ написан
2 комментария
2 комментария
@Allan11
Фронтенд
Если у родителя элемента с position: sticky есть overflow: hidden, overflow: scroll или overflow: auto, то sticky не сработает.

Подробнее
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Верстка сайта и натяжка на wordpress
25 апр. 2024, в 19:22
18000 руб./за проект
Создать телеграмм бот на Python
25 апр. 2024, в 19:21
10000 руб./за проект
Разработка дизайна для мобильного приложения
25 апр. 2024, в 18:47
2795100 руб./за проект
Ещё заказы