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

Question

[toha_man]

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

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

prntscr. com/kjp5wf

Как описать стили для блока .fade дабы он покрывал полностью всё)
Спасибо

Comments

[Конан Варвар]

Код в студию.

[toha_man]

По клику на элемент Х через jQuery блок становится display:block

<div class="fade"></div>

.fade 
	display: none
	position: absolute
	top: 0
	left: 0
	opacity: 0.6
	width: 100%
	height: 100%
	background: #000	
	z-index: 1

Answer 1

[toha_man]

Просто надо поменять position на fixed..... а не абсолют.

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