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

Как растянуть элемент по 100% высоте + скролл бар?

Пишу обычную кнопку вызова, которая при нажатии показывает блок .fade с opacity 0.6

Все работает норм, но если есть вертикальный скролл бар, то блок fade занимает 100% высоты минус высота скроллбара и прокрутив вниз страницу остается нескрытая блоком часть. Видно на скрине

prntscr. com/kjp5wf

Как описать стили для блока .fade дабы он покрывал полностью всё)
Спасибо
  • Вопрос задан
  • 127 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 1
@toha_man Автор вопроса
Просто надо поменять position на fixed..... а не абсолют.

А может кто-то пояснить почему absolute растягивает на высоту viewport а fixed на всю высоту документа(+скроллбары)
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработка парсера
23 апр. 2024, в 19:21
300 руб./за проект
Верстка сайта
23 апр. 2024, в 19:05
15000 руб./за проект
Создать учебный сайт на React
23 апр. 2024, в 19:01
7000 руб./за проект
Ещё заказы