Как убирать прокрутку во время появления Full Page Menu?

Question

[account-4]

Проблема: если использовать голый CSS, то при появлении Full Page Menu оно закрывает всю страницу (как положено), но скролл прокрутки всего контента, который под этим меню, остается.

Вот идеальный пример как надо делать - https://www.sequoiacap.com/people/

Как это реализовать?

апд. overflow: hidden конечно же не надо мне предлагать.

Answer 1

[AdrianBlair]

https://jsfiddle.net/25qgv1p3/1/

function hideScroll() {
	$("body").css("overflow", "hidden");
}

function showScroll() {
	$("body").css("overflow", "auto");
}

<button onclick="hideScroll()">Открыть меню</button>
<button onclick="showScroll()">Закрыть меню</button>

Comments

[alex]

еще парочка таких ответов и у автора случится сердечный приступ из-за overflow: hidden

[AdrianBlair]

Alex, могу вас уверить в том, что именно так это и происходит.

[account-4]

Вы реально больные и слепые, или не видите, что происходит смещенение страницы при убирании скролла?)))

[AdrianBlair]

account-4: В том примере используется "overflow: hidden". Скролл остается лишь из-за создания(отображения) нового элемента(в данном случае это само меню) высота, которого больше чем видимая зона сайта.