Как отключить скролл при нажатии на бургер в телефоне?

Question

[Islam Stanaliev]

У меня есть верстка, и в мобильной версии, при нажатии на бургер в навбаре, выпадает меню. И мне нужно сделать так, чтобы когда эта менюшка открыта в моб версии, не было возможности скроллить. Я обязательно должен либо обратно нажать на бургер, либо перейти по ссылке, для того, чтобы дальше листать сайт.
На скриншоте ниже, как раз виден этот бургер (я на него уже нажал, но возможность скролла присутствует), и его html код.
Надеюсь я всё понятно изложил. Всем спасибо, жду ответа!

Answer 1

[Павел Корнилов]

На клик бургера навесь обработчик
onscroll= function() {return false;}

Comments

[Islam Stanaliev]

$('.navbar-toggle').on('click', function () {
onscroll = function() {return false;}
})

Вот так?

[ⓒⓢⓢ]

И когда навигацию закроем обработчик наш останется и благополучно заблокирует скролл? =)

[Islam Stanaliev]

JRK_DV: Я тут недавно, так что мне не понятно кому ты адресовал свой коммент. Если мне, то этот код вообще не работает.

[Павел Корнилов]

Islam Stanaliev: нет, бросьте вы этот квери.
JRK_DV:

function ds() {onscroll = function() {return false;}}

// Навесите по клику
бургер.addEventListener('click', ds)

// Можно флаг на бургер поставить, что скролл заблокирован или еще какую проверку, я принцип показываю. Далее, при переходе по повторному клику и проверке наличия флага:
бургер.removeEventListener('click', ds);

[Павел Корнилов]

Islam Stanaliev: Уже должен заработать. Только слово бургер смени на обращение к нему, скажем, по идентификатору.

[Islam Stanaliev]

KorniloFF:
Сделал вот так:

<button onclick="addEventListener('click', disableScroll)" type="button" class="navbar-toggle">  ... </button>

function disableScroll() {
        return false;
 }

Скролл все еще присутствует. Почему?

[Павел Корнилов]

addEventListener - такой функции нет, посмотри в консоль, там должно быть написано. Это метод объекта, а ты его вызываешь как именованную функцию.

[Islam Stanaliev]

KorniloFF:
В консоли ничего нет. Да и автокомплит PHPStorm'а сам предложил мне его в button'е.

[Павел Корнилов]

Islam Stanaliev:
Ну, примерно так должно быть:

<button id=burg>бургер</button>

<script>
	var burg= document.getElementById('burg');

	function ds() {
		if(!this.locked) window.onscroll = function() {return false;};
		else this.removeEventListener('click', ds);
		burg.locked=1;
	}

	burg.addEventListener('click', ds);
</script>

но это на скорую руку и надо отлаживать.

[Islam Stanaliev]

KorniloFF:
Не работает. А это вообще должно работать, если я через комп всё это проверяю?

[Islam Stanaliev]

KorniloFF: А нет, заработало, но только скролла нету навсегда)) Но все равно большое спасибо))

[Павел Корнилов]

Islam Stanaliev: я же говорю, нужно доработать.
Как вариант, можно сохранять предыдущее значение scroll в переменную, а после восстанавливать его значение. Немного посидеть с задачей - и решение будет, я старался натолкнуть на мысль.
Чем смог - помог.

[Islam Stanaliev]

KorniloFF: Благодарю!