Nexus,
всё понял, спасибо большое!

Скажите пожалуйста. Всё равно не получается скрыть скролл во время открытого popup окна. В чём может быть причина..

html, body{
	min-height: 100%;
}
body {
	font: 100%/1.5em Lato, sans-serif; 
	background-color: #f3f3f3;
	position: relative;
	border: 5px solid #c6faf7;
}
.body-hide-scroll{
	overflow: hidden !important;
}

/*Popup*/
#nav-overlay.nav-active {
	opacity: 1;
    visibility: visible;
}
#nav-overlay {
	opacity: 0;
    visibility: hidden;
	position: fixed;
    top: 0;
	left: 0;
    height: 100%;
	width: 100%;
	z-index: 3;
    background-color: black;
}

.body-hide-scroll соответственно назначается body после открытия popup-окна, и то что он успешно присваивается нет сомнений, но при этом ничего не происходит скролл остается на месте.

Nlk, это точно скролл "body"?

Nexus,
Popup-окно у меня становиться во весь размер сайта соответственно размер body наверно или html документа. Самому popup-окну я тоже добавлял overflow: hidden но никакого эффекта.

Или возможно вы имели в виду вложенность данного popup-окна. Да у меня есть родитель данного элемента тег header - он почти без стилей..

Видимо родителем данного элемента должен быть напрямую body?!

Попробовал всё равно не хочет работать..

Nlk, https://jsfiddle.net/Leudp6hm/

Nexus,
В вашем примере всё прекрасно работает, очередной раз низкий поклон. Буду разбираться где у себя напортачил.