Как запретить скроллинг в секторе content, при открытом меню?

Question

[Борис Белов]

Добрый день.
Есть насущный вопрос.

Дано:
Раскрытое меню взятое отсюда (уменьшите экран, для понимая вопроса)


Слева остается контентная зона. Но если высота сайта будет больше чем заданная в примере, то при открытом меню можно будет левую часть, тоже скроллить.

Надо: Чтобы левую (контентную зону) скроллить было нельзя.

Как не получалось:

На просторах интернета находил такой код

position: fixed;
    overflow: hidden;

Но он просто "СТОПарит" нужную зону, и не дает двигаться, ПРИ ЭТОМ возвращая в начало экрана.
То есть если мы даже прокрутим страницу вниз, и нажмем открыть меню, то вернемся вверх.

До нажатия
После нажатия

Как видите, возвращает обратно наверх. Как этого избежать?

----

UPD. Нашел такой линк

Там есть код:

var prevent = function(event) {
	window.scrollTo(0, 0);
	event ? event.preventDefault() : window.event.returnValue = false;
};

if(window.addEventListener) {
	var array = ['DOMMouseScroll', 'mousewheel', 'scroll'],
		i = array.length;

	while(i--) {
		window.addEventListener(array[i], prevent, false);
	}
}
else window.onmousewheel = document.onmousewheel = window.onscroll = prevent;

Вроде сработало, но оно сработало на весь класс контента.
У меня есть контент зона .cd-main-content
И она же когда раскрытое меню .cd-main-content.nav-is-visible

И я понимаю что сюда

var array = ['DOMMouseScroll', 'mousewheel', 'scroll'],

вместо scroll надо впихнуть .cd-main-content.nav-is-visible, а как впихнуть двойной класс?

----

UPD. нашел вариант , кто подскажет, почему в последнем моей примере, не двигается контентная зона?

Answer 1

[Борис Белов]

Вопрос закрыт.
В том скрипте, что я скидывал выше https://codyhouse.co/demo/mega-site-navigation/ind...
К body прописывает класс, все делается чисто через css

body.overflow-hidden {
    overflow: hidden;
}

Comments

[Кот Фрейда]

Привет из 2019. Эта строчка кода вместе с запретом скролла убирает сам скролл-бар. И если добавлять/удалять ее, то изображение прыгает влево-вправо. Уж не знаю, влияет ли на это как-то сетка бутстрапа, которую я заюзал.

[Valek-web Zir]

Кот Фрейда , Привет из 2021. Смогли решить проблему?

[Narkin Kars]

Valek-web Zir, Кот Фрейда Пропишите вместе с overflow: hidden что то из margin/padding со стороной где должен исчезать скролл бар и задайте там(в маргине/паддинге) такое же значение которое имеет ширина скроллбара, должно помочь. Даже если не поможет, основную мысль решения данной проблемы думаю вы уловили.