Как временно отключить прокрутку?
Я использую плагин scrollTo jQuery и хотел бы знать, возможно ли как-то временно отключить прокрутку элемента окна через Javascript? Причина, по которой я хотел бы отключить прокрутку, состоит в том, что когда вы прокручиваете, когда scrollTo анимирует, это становится действительно уродливым;)
Конечно, я мог бы сделать $("body").css("overflow", "hidden"); и затем верните его в автоматический режим, когда анимация остановится, но было бы лучше, если бы полоса прокрутки была еще видна, но неактивна.
48 ответов
scroll событие не может быть отменено. Но вы можете сделать это, отменив эти события взаимодействия:
Мышь и сенсорная прокрутка и кнопки, связанные с прокруткой.
[ Рабочая демо]
// left: 37, up: 38, right: 39, down: 40,
// spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
var keys = {37: 1, 38: 1, 39: 1, 40: 1};
function preventDefault(e) {
e = e || window.event;
if (e.preventDefault)
e.preventDefault();
e.returnValue = false;
}
function preventDefaultForScrollKeys(e) {
if (keys[e.keyCode]) {
preventDefault(e);
return false;
}
}
function disableScroll() {
if (window.addEventListener) // older FF
window.addEventListener('DOMMouseScroll', preventDefault, false);
window.onwheel = preventDefault; // modern standard
window.onmousewheel = document.onmousewheel = preventDefault; // older browsers, IE
window.ontouchmove = preventDefault; // mobile
document.onkeydown = preventDefaultForScrollKeys;
}
function enableScroll() {
if (window.removeEventListener)
window.removeEventListener('DOMMouseScroll', preventDefault, false);
window.onmousewheel = document.onmousewheel = null;
window.onwheel = null;
window.ontouchmove = null;
document.onkeydown = null;
}
Сделайте это, просто добавив класс к телу:
.stop-scrolling {
height: 100%;
overflow: hidden;
}
Добавьте класс, затем удалите, если вы хотите снова включить прокрутку, протестированную в IE, FF, Safari и Chrome.
$('body').addClass('stop-scrolling')
Для мобильных устройств вам нужно touchmove событие:
$('body').bind('touchmove', function(e){e.preventDefault()})
И отвяжите, чтобы снова включить прокрутку. Протестировано в iOS6 и Android 2.3.3
$('body').unbind('touchmove')
Вот действительно простой способ сделать это:
window.onscroll = function () { window.scrollTo(0, 0); };
Это немного нервно в IE6.
Следующее решение является базовым, но чистым JavaScript (без jQuery):
function disableScrolling(){
var x=window.scrollX;
var y=window.scrollY;
window.onscroll=function(){window.scrollTo(x, y);};
}
function enableScrolling(){
window.onscroll=function(){};
}
Прошу прощения за ответ на старый пост, но я искал решение и наткнулся на этот вопрос.
Существует много способов решения этой проблемы, чтобы по-прежнему отображать полосу прокрутки, например, присвоение контейнеру 100% высоты и overflow-y: scroll моделирование.
В моем случае я только что создал div с полосой прокрутки, которую я отображаю при добавлении overflow: hidden к телу:
function disableScroll() {
document.getElementById('scrollbar').style.display = 'block';
document.body.style.overflow = 'hidden';
}
Панель прокрутки элемента должна иметь следующие стили:
overflow-y: scroll; top: 0; right: 0; display: none; height: 100%; position: fixed;
Это показывает серую полосу прокрутки, надеюсь, это поможет будущим посетителям.
Это решение будет поддерживать текущую позицию прокрутки, пока прокрутка отключена, в отличие от некоторых, которые возвращают пользователя наверх.
Он основан на ответе галамбалаза, но с поддержкой сенсорных устройств и рефакторинг как единый объект с оболочкой плагина jquery.
/**
* $.disablescroll
* Author: Josh Harrison - aloof.co
*
* Disables scroll events from mousewheels, touchmoves and keypresses.
* Use while jQuery is animating the scroll position for a guaranteed super-smooth ride!
*/
;(function($) {
"use strict";
var instance, proto;
function UserScrollDisabler($container, options) {
// spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
// left: 37, up: 38, right: 39, down: 40
this.opts = $.extend({
handleKeys : true,
scrollEventKeys : [32, 33, 34, 35, 36, 37, 38, 39, 40]
}, options);
this.$container = $container;
this.$document = $(document);
this.lockToScrollPos = [0, 0];
this.disable();
}
proto = UserScrollDisabler.prototype;
proto.disable = function() {
var t = this;
t.lockToScrollPos = [
t.$container.scrollLeft(),
t.$container.scrollTop()
];
t.$container.on(
"mousewheel.disablescroll DOMMouseScroll.disablescroll touchmove.disablescroll",
t._handleWheel
);
t.$container.on("scroll.disablescroll", function() {
t._handleScrollbar.call(t);
});
if(t.opts.handleKeys) {
t.$document.on("keydown.disablescroll", function(event) {
t._handleKeydown.call(t, event);
});
}
};
proto.undo = function() {
var t = this;
t.$container.off(".disablescroll");
if(t.opts.handleKeys) {
t.$document.off(".disablescroll");
}
};
proto._handleWheel = function(event) {
event.preventDefault();
};
proto._handleScrollbar = function() {
this.$container.scrollLeft(this.lockToScrollPos[0]);
this.$container.scrollTop(this.lockToScrollPos[1]);
};
proto._handleKeydown = function(event) {
for (var i = 0; i < this.opts.scrollEventKeys.length; i++) {
if (event.keyCode === this.opts.scrollEventKeys[i]) {
event.preventDefault();
return;
}
}
};
// Plugin wrapper for object
$.fn.disablescroll = function(method) {
// If calling for the first time, instantiate the object and save
// reference. The plugin can therefore only be instantiated once per
// page. You can pass options object in through the method parameter.
if( ! instance && (typeof method === "object" || ! method)) {
instance = new UserScrollDisabler(this, method);
}
// Instance already created, and a method is being explicitly called,
// e.g. .disablescroll('undo');
else if(instance && instance[method]) {
instance[method].call(instance);
}
};
// Global access
window.UserScrollDisabler = UserScrollDisabler;
})(jQuery);
var winX = null, winY = null;
window.addEventListener('scroll', function () {
if (winX !== null && winY !== null) {
window.scrollTo(winX, winY);
}
});
function disableWindowScroll() {
winX = window.scrollX;
winY = window.scrollY;
};
function enableWindowScroll() {
winX = null;
winY = null;
};
Я искал решение этой проблемы, но не был удовлетворен каким-либо из вышеперечисленных решений (на момент написания этого ответа), поэтому я нашел это решение..
CSS
.scrollDisabled {
position: fixed;
margin-top: 0;// override by JS to use acc to curr $(window).scrollTop()
width: 100%;
}
JS
var y_offsetWhenScrollDisabled=0;
function disableScrollOnBody(){
y_offsetWhenScrollDisabled= $(window).scrollTop();
$('body').addClass('scrollDisabled').css('margin-top', -y_offsetWhenScrollDisabled);
}
function enableScrollOnBody(){
$('body').removeClass('scrollDisabled').css('margin-top', 0);
$(window).scrollTop(y_offsetWhenScrollDisabled);
}
Этот ответ предлагает решение для устранения «неровностей», которые возникают при применении предложенного в этом решении . Поскольку редактирование было отклонено, вот оно:
Чтобы убрать "шишку", которая возникает при
overflow: hiddenприменяется, вы можете рассчитать ширину полосы прокрутки и заменить ее полем. Вот пример для
body элемент:
const bodyScrollControls = {
scrollBarWidth: window.innerWidth - document.body.clientWidth,
disable() {
document.body.style.marginRight = `${this.scrollBarWidth}px`;
document.body.style.overflowY = 'hidden';
},
enable() {
document.body.style.marginRight = null;
document.body.style.overflowY = null;
},
};
Если у элемента уже есть
margin-right, получение существующего и добавление к нему ширины полосы прокрутки не должно быть проблемой.
Нет, я бы не стал заниматься обработкой событий, потому что:
не все события гарантированно достигают тела,
выделение текста и перемещение вниз фактически прокручивает документ,
если на этапе события отсоединение что-то пошло не так, вы обречены.
Я укусил это, выполнив действие копирования-вставки со скрытой текстовой областью, и угадайте, что прокручивает страницу всякий раз, когда я делаю копию, потому что внутренне я должен выбрать текстовую область перед вызовом document.execCommand('copy'),
Во всяком случае, так я иду, обратите внимание на setTimeout():
document.body.setAttribute('style','overflow:hidden;');
// do your thing...
setTimeout(function(){document.body.setAttribute('style','overflow:visible;');}, 500);
Мигает импульс, поскольку полосы прокрутки на мгновение исчезают, но это приемлемо.
В соответствии с постом galambalazs я бы добавил поддержку сенсорных устройств, что позволяет нам касаться, но не прокручивать вверх или вниз:
function disable_scroll() {
...
document.ontouchmove = function(e){
e.preventDefault();
}
}
function enable_scroll() {
...
document.ontouchmove = function(e){
return true;
}
}
Начиная с Chrome 56 и других современных браузеров, вы должны добавить passive:false к addEventListener призыв сделать preventDefault Работа. Поэтому я использую это, чтобы остановить прокрутку на мобильном телефоне:
function preventDefault(e){
e.preventDefault();
}
function disableScroll(){
document.body.addEventListener('touchmove', preventDefault, { passive: false });
}
function enableScroll(){
document.body.removeEventListener('touchmove', preventDefault, { passive: false });
}
Сделать можно так:
Таким образом вы сохраняете «незначительную» память и элементы, находящиеся с
Position: fixed не двигались и, следовательно, не влияли на ваш дизайн.
CSS (использование CSS упрощает вашу жизнь и память)
html[DisableScroll] {
overflow-y: scroll;
}
html[DisableScroll] body {
overflow-y: hidden;
height: 100vh;
}
JS
var enableScroll = function () {
document.documentElement
.removeAttribute('DisableScroll');
}
например
В зависимости от того, чего вы хотите добиться с помощью удаленной прокрутки, вы можете просто исправить элемент, из которого вы хотите удалить прокрутку (по щелчку или по любому другому триггеру, который вы хотите временно отключить прокрутку).
Я искал решение "временного отсутствия прокрутки" и для моих нужд, это решило его
сделать класс
.fixed{
position: fixed;
}
затем с Jquery
var someTrigger = $('#trigger'); //a trigger button
var contentContainer = $('#content'); //element I want to temporarily remove scroll from
contentContainer.addClass('notfixed'); //make sure that the element has the "notfixed" class
//Something to trigger the fixed positioning. In this case we chose a button.
someTrigger.on('click', function(){
if(contentContainer.hasClass('notfixed')){
contentContainer.removeClass('notfixed').addClass('fixed');
}else if(contentContainer.hasClass('fixed')){
contentContainer.removeClass('fixed').addClass('notfixed');
};
});
Я обнаружил, что это достаточно простое решение, которое хорошо работает во всех браузерах, а также подходит для простого использования на портативных устройствах (например, iPhone, планшетах и т. Д.). Поскольку элемент временно исправлен, прокрутки нет:)
НОТА! В зависимости от размещения вашего элемента "contentContainer" вам может потребоваться настроить его слева. Что легко сделать, добавив левое значение CSS к этому элементу, когда активен фиксированный класс
contentContainer.css({
'left': $(window).width() - contentContainer.width()/2 //This would result in a value that is the windows entire width minus the element we want to "center" divided by two (since it's only pushed from one side)
});
Другое решение:
body {
overflow-y: scroll;
width: 100%;
margin: 0 auto;
}
Таким образом, у вас всегда есть вертикальная полоса прокрутки, но, поскольку большая часть моего контента длиннее, чем область просмотра, это нормально для меня. Контент центрируется отдельным div, но без повторного задания поля в теле мой контент останется слева.
Вот две функции, которые я использую, чтобы показать мой всплывающий / модальный:
var popup_bodyTop = 0;
var popup_bodyLeft = 0;
function popupShow(id)
{
$('#'+ id).effect('fade');
$('#popup-overlay').effect('fade');
// remember current scroll-position
// because when setting/unsetting position: fixed to body
// the body would scroll to 0,0
popup_bodyLeft = $(document).scrollLeft();
popup_bodyTop = $(document).scrollTop();
// invert position
var x = - popup_bodyLeft;
var y = - popup_bodyTop;
$('body').css('position', 'fixed');
$('body').css('top', y.toString() +'px');
$('body').css('left', x.toString() +'px');
}
function popupHide(id)
{
$('#'+ id).effect('fade');
$('#popup-overlay').effect('fade');
$('body').css('position', '');
$('html, body').scrollTop(popup_bodyTop);
$('html, body').scrollLeft(popup_bodyLeft);
}
Результат: не прокручиваемый фон и отсутствие перемещения содержимого из-за левой полосы прокрутки. Протестировано с текущими FF, Chrome и IE 10.
Это самое простое решение, которое я получил до сих пор. И поверьте мне, я попробовал все остальные, и это самый простой. Он отлично работает на устройствах с Windows, где страница сдвигается вправо, чтобы освободить место для системной полосы прокрутки и устройств IOS, которым не требуется место для их полос прокрутки в браузерах. Таким образом, при использовании этого вам не нужно добавлять отступ справа, чтобы страница не мерцала, когда вы скрываете переполнение тела или HTML с помощью CSS.
Решение довольно простое, если задуматься. Идея состоит в том, чтобы дать window.scrollTop () ту же самую точную позицию в момент открытия всплывающего окна. Также измените эту позицию, когда размер окна изменится (так как позиция прокрутки изменяется, как только это происходит).
Итак, поехали...
Сначала давайте создадим переменную, которая сообщит вам, что всплывающее окно открыто, и назовем его stopWindowScroll. Если мы этого не сделаем, вы получите ошибку неопределенной переменной на своей странице и установите ее в 0 - как неактивная.
$(document).ready(function(){
stopWindowScroll = 0;
});
Теперь давайте сделаем так, чтобы функция open popup могла быть любой функцией в вашем коде, которая запускает любое всплывающее окно, которое вы используете как плагин или пользовательский. В этом случае это будет простое настраиваемое всплывающее окно с простой функцией щелчка документа.
$(document).on('click','.open-popup', function(){
// Saving the scroll position once opening the popup.
stopWindowScrollPosition = $(window).scrollTop();
// Setting the stopWindowScroll to 1 to know the popup is open.
stopWindowScroll = 1;
// Displaying your popup.
$('.your-popup').fadeIn(300);
});
Следующее, что мы делаем, это создаем функцию закрытия всплывающих окон, которая, повторяю, может быть любой функцией, которую вы уже создали или используете в плагине. Важно то, что нам нужны эти две функции, чтобы установить переменную stopWindowScroll в 1 или 0, чтобы знать, когда она открыта или закрыта.
$(document).on('click','.open-popup', function(){
// Setting the stopWindowScroll to 0 to know the popup is closed.
stopWindowScroll = 0;
// Hiding your popup
$('.your-popup').fadeOut(300);
});
Затем давайте создадим функцию window.scroll, чтобы мы могли предотвратить прокрутку, как только упомянутый выше stopWindowScroll установлен в 1 - как активный.
$(window).scroll(function(){
if(stopWindowScroll == 1) {
// Giving the window scrollTop() function the position on which
// the popup was opened, this way it will stay in its place.
$(window).scrollTop(stopWindowScrollPosition);
}
});
Это оно. Для этого не требуется CSS, кроме ваших собственных стилей для страницы. Для меня это сработало, и я надеюсь, что это поможет вам и другим.
Вот рабочий пример на JSFiddle:
Дайте мне знать, если это помогло. С уважением.
Я обнаружил, что менять стиль кузова не нужно.
Единственное, что нам нужно, это запретить прокрутку всего документа (элемента html).
Для этого мы можем создать и уничтожить таблицу стилей с помощью Javascript. Вот как я это делаю:
https://jsfiddle.net/3os72ryk/
var scroll_style_element;
function disable_scrolling(){
// Create a style sheet we will only use to disable scrolling :
scroll_style_element = document.createElement('style');
document.head.appendChild(scroll_style_element);
const scroll_style_sheet = scroll_style_element.sheet;
scroll_style_sheet.insertRule('html{height:100%;overflow-y:hidden;}', scroll_style_sheet.cssRules.length);
}
function enable_scrolling(){
if( scroll_style_element ) document.head.removeChild(scroll_style_element);
}
Очень интересно узнать, найдет ли кто-нибудь что-то не так с этим подходом, поэтому, пожалуйста, прокомментируйте ниже, если вы это сделаете.
Я использую showModalDialog, для показа дополнительной страницы в качестве модального диалога.
чтобы скрыть полосы прокрутки главного окна:
document.body.style.overflow = "hidden";
и при закрытии модального диалога, показывая полосы прокрутки главного окна:
document.body.style.overflow = "scroll";
чтобы получить доступ к элементам в главном окне из диалога:
parent.document.getElementById('dialog-close').click();
просто для тех, кто ищет showModalDialog: (после строки 29 исходного кода)
document.getElementById('dialog-body').contentWindow.dialogArguments = arg;
document.body.style.overflow = "hidden";//****
document.getElementById('dialog-close').addEventListener('click', function(e) {
e.preventDefault();
document.body.style.overflow = "scroll";//****
dialog.close();
});
Вот мое решение остановить прокрутку (без jQuery). Я использую его, чтобы отключить прокрутку, когда появляется боковое меню.
<button onClick="noscroll()" style="position:fixed; padding: 8px 16px;">Disable/Enable scroll</button>
<script>
var noscroll_var;
function noscroll(){
if(noscroll_var){
document.getElementsByTagName("html")[0].style.overflowY = "";
document.body.style.paddingRight = "0";
noscroll_var = false
}else{
document.getElementsByTagName("html")[0].setAttribute('style', 'overflow-y: hidden !important');
document.body.style.paddingRight = "17px";
noscroll_var = true
}
}/*noscroll()*/
</script>
<!-- Just to fill the page -->
<script>
for(var i=0; i <= 80; i++){
document.write(i + "<hr>")
}
</script>Я добавил 17px отступа вправо, чтобы компенсировать исчезновение полосы прокрутки. Но это также проблематично, в основном для мобильных браузеров. Решается путем получения ширины стержня в соответствии с этим.
Самый простой метод:
$("body").css("overflow", "hidden"); // Remove the scroll bar temporarily
Чтобы отменить это:
$("body").css("overflow", "auto");
Легко реализовать, но единственным недостатком является:
- Страница немного переместится влево, если она выровнена по центру (по горизонтали).
Это связано с удалением полосы прокрутки и увеличением области просмотра.
Как насчет этого? (Если вы используете jQuery)
var $window = $(window);
var $body = $(window.document.body);
window.onscroll = function() {
var overlay = $body.children(".ui-widget-overlay").first();
// Check if the overlay is visible and restore the previous scroll state
if (overlay.is(":visible")) {
var scrollPos = $body.data("scroll-pos") || { x: 0, y: 0 };
window.scrollTo(scrollPos.x, scrollPos.y);
}
else {
// Just store the scroll state
$body.data("scroll-pos", { x: $window.scrollLeft(), y: $window.scrollTop() });
}
};
Отмена события, как в принятом ответе, на мой взгляд, ужасный метод: /
Вместо этого я использовал position: fixed; top: -scrollTop(); ниже.
Демо: https://jsfiddle.net/w9w9hthy/5/
Из моего всплывающего проекта jQuery: https://github.com/seahorsepip/jPopup
//Freeze page content scrolling
function freeze() {
if($("html").css("position") != "fixed") {
var top = $("html").scrollTop() ? $("html").scrollTop() : $("body").scrollTop();
if(window.innerWidth > $("html").width()) {
$("html").css("overflow-y", "scroll");
}
$("html").css({"width": "100%", "height": "100%", "position": "fixed", "top": -top});
}
}
//Unfreeze page content scrolling
function unfreeze() {
if($("html").css("position") == "fixed") {
$("html").css("position", "static");
$("html, body").scrollTop(-parseInt($("html").css("top")));
$("html").css({"position": "", "width": "", "height": "", "top": "", "overflow-y": ""});
}
}
Этот код учитывает проблемы ширины, высоты, полосы прокрутки и скачка страницы.
Возможные проблемы, решенные с помощью приведенного выше кода:
- ширина, при фиксированной позиции установки ширина элемента HTML может быть меньше 100%
- высота такая же, как выше
- полоса прокрутки, при фиксированной настройке положения содержимое страницы больше не имеет полосы прокрутки, даже если она имела полосу прокрутки, прежде чем возник горизонтальный скачок страницы
- pagejump, когда установка положения фиксирована, scrollTop больше не действует, что приводит к вертикальному скачку страницы
Если у кого-то есть какие-либо улучшения в коде замораживания / размораживания вышеупомянутой страницы, дайте мне знать, чтобы я мог добавить эти улучшения в свой проект.
Чтобы предотвратить скачок, я использовал вот что
export function toggleBodyScroll(disable) {
if (!window.tempScrollTop) {
window.tempScrollTop = window.pageYOffset;
// save the current position in a global variable so I can access again later
}
if (disable) {
document.body.classList.add('disable-scroll');
document.body.style.top = `-${window.tempScrollTop}px`;
} else {
document.body.classList.remove('disable-scroll');
document.body.style.top = `0px`;
window.scrollTo({top: window.tempScrollTop});
window.tempScrollTop = 0;
}
}
и в моем CSS
.disable-scroll {
height: 100%;
overflow: hidden;
width: 100%;
position: fixed;
}
Я знаю, что это старый вопрос, но я должен был сделать что-то очень похожее, и после некоторого времени, пытаясь найти ответ и пробуя разные подходы, я в итоге использовал очень простое решение.
Моя проблема была очень похожа, почти идентична, единственное отличие в том, что мне не нужно было показывать полосу прокрутки - я просто должен был убедиться, что ее ширина будет по-прежнему использоваться, чтобы ширина страницы не изменялась при отображении моего наложения,
Когда я начинаю вставлять мой оверлей в экран, я делаю:
$('body').addClass('stop-scrolling').css('margin-right', 8);
и после того, как я соскользнул с экрана, я делаю:
$('body').removeClass('stop-scrolling').css('margin-right', 0);
ВАЖНО: это работает отлично, потому что мой оверлей расположен absolute, right: 0px когда visible,
У меня похожая проблема на сенсорных устройствах. Добавление "touch-action: none" к элементу решило проблему.
Для дополнительной информации. Проверь это:-
https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action
У меня та же проблема, ниже, как я справлюсь с этим.
/* file.js */
var body = document.getElementsByTagName('body')[0];
//if window dont scroll
body.classList.add("no-scroll");
//if window scroll
body.classList.remove("no-scroll");
/* file.css */
.no-scroll{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
надеюсь, это поможет.
Основываясь на ответе Шайенн Форбс, который я нашел здесь через fcalderan: просто отключить прокрутку, а не скрыть ее? и исправить проблему Hallodom исчезновения полосы прокрутки
CSS:
.preventscroll{
position: fixed;
overflow-y:scroll;
}
JS:
whatever.onclick = function(){
$('body').addClass('preventscroll');
}
whatevertoclose.onclick = function(){
$('body').removeClass('preventscroll');
}
Этот код поднимает вас наверх страницы, но я думаю, что код fcalderan имеет обходной путь.
Toggle the overflowY with a Javascript function at the same time you toggle your mobile menu's visibility. Like this for example:
function handleClickMobileMenu() {
document.body.style.overflowY = isMobileMenuOpen ? "hidden" : "scroll";
//...
}
Call the function when you toggle the mobile menu on and off. Best use case is when your mobile menu is taking full viewport area.
Я использую этот простой трюк:
.no-scroll{
overflow: hidden;
}
let toggle_scrolling_state = () => {
element.classList.toggle("no-scroll");
}
а затем вызовите функцию, когда вы хотите остановить прокрутку события или ...
Этот код будет работать в Chrome 56 и более поздних версиях (исходный ответ больше не работает в Chrome).
Использовать DomUtils.enableScroll() чтобы включить прокрутку.
Использовать DomUtils.disableScroll() чтобы отключить прокрутку.
class DomUtils {
// left: 37, up: 38, right: 39, down: 40,
// spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36
static keys = { 37: 1, 38: 1, 39: 1, 40: 1 };
static preventDefault(e) {
e = e || window.event;
if (e.preventDefault) e.preventDefault();
e.returnValue = false;
}
static preventDefaultForScrollKeys(e) {
if (DomUtils.keys[e.keyCode]) {
DomUtils.preventDefault(e);
return false;
}
}
static disableScroll() {
document.addEventListener('wheel', DomUtils.preventDefault, {
passive: false,
}); // Disable scrolling in Chrome
document.addEventListener('keydown', DomUtils.preventDefaultForScrollKeys, {
passive: false,
});
}
static enableScroll() {
document.removeEventListener('wheel', DomUtils.preventDefault, {
passive: false,
}); // Enable scrolling in Chrome
document.removeEventListener(
'keydown',
DomUtils.preventDefaultForScrollKeys,
{
passive: false,
}
); // Enable scrolling in Chrome
}
}