Как сделать 100% height мобильное меню?

Question

[Nikita Shchypylov]

В основном, для мобильных телефонов использую такую вариацию меню:

.top-navigation {
			display: block;
			position: absolute;
			max-height: 0;
			overflow: hidden;
			z-index: 200;
			top: 77px;
			@include transition(.2s max-height);
			background: $white;
			&.open {
				max-height: 800px;
			}
}

Получается плавное раскрытие блока, НО только на высоту, которая нужна для внутренних элементов
Как сделать, что бы она заполнила все 100% высоты экрана?

Была идея определять высоту ДЖской и давать её менюхе при открытии, но как-то костыльно звучит

Answer 1

[iBird Rose]

height: 100vh; ?

Comments

[Nikita Shchypylov]

Ого, vh?
Не пользовался еще таким :)
Да, работает
Спасибо!