Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 18.06.2018, 11:56
Аватар для madeas
Профессор
Отправить личное сообщение для madeas Посмотреть профиль Найти все сообщения от madeas
 
Регистрация: 13.04.2018
Сообщений: 232

Скрипт на запрет прокрутки страницы
Ребята, подскажите, как подкорректировать скрипт?

Скрипт запрещает прокрутку страницы, до момента активации кнопки в окне превью. Он работает, но страница вовсе не прокручивается на 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, 18.06.2018 в 14:31.
Ответить с цитированием
  #2 (permalink)  
Старый 18.06.2018, 15:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

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)
      });

если у вас другая кнопка при меньшем разрешении, то добавьте клик с отменой класса и этой кнопке
Ответить с цитированием
  #3 (permalink)  
Старый 18.06.2018, 16:14
Аватар для madeas
Профессор
Отправить личное сообщение для madeas Посмотреть профиль Найти все сообщения от madeas
 
Регистрация: 13.04.2018
Сообщений: 232

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Java скрипт прокрутки картинок GEN_18 Javascript под браузер 10 28.10.2015 11:54
Скрипт не работает после обновления страницы werwolf4 Элементы интерфейса 2 08.05.2015 02:07
Скрипт для сохранения информации со страницы. sfinx Javascript под браузер 0 29.08.2012 19:00
скрипт выбора языка страницы не работает в ie savva jQuery 0 13.04.2011 11:05
Скрипт - запрет на загрузку и вывод элементов 365441010 Events/DOM/Window 16 26.03.2010 15:43