Скрипт на запрет прокрутки страницы

[madeas]

Ребята, подскажите, как подкорректировать скрипт?

Скрипт запрещает прокрутку страницы, до момента активации кнопки в окне превью. Он работает, но страница вовсе не прокручивается на SG s7, Xiaomi Mi6 и некоторых других устройствах. Как подправить?

// убираем скролл на превью
    // не работает на SG s7, Xiaomi Mi6
    document.body.classList.add("overlay"); // добавляем класс 
      document.addEventListener('DOMContentLoaded', function() {
        document.querySelector('.info button').addEventListener("click", // используем клик по кнопке
          function() {
            document.body.classList.remove("overlay") // убираем класс
          });
      });

Демо скрипта

Эта же проблема возникает при просмотре сайта с браузера хром. На том же телефоне через Яндекс.Браузер все работает.

[рони]

madeas,
...

document.body.classList.add("overlay"); // добавляем класс
      document.addEventListener('DOMContentLoaded', function() {
        function rem()
        {
          document.body.classList.remove("overlay") // убираем класс
        }

        document.querySelector('.info button').addEventListener("click", rem)
        document.querySelector('.overlay_close').addEventListener("click", rem)
      });

если у вас другая кнопка при меньшем разрешении, то добавьте клик с отменой класса и этой кнопке

[madeas]

рони,
да, там получается две кнопки. Хотя, наверное проще будет добавить меди запрос на изменение положения и формы этой кнопки