Запрет прокрутки фона под модальным окном

@Vadim238 · Регистрация: 23.12.2015

Author24 — интернет-сервис помощи студентам

Здравствуйте! Сразу прошу прощение за то что совершенно не разбираюсь в Javascript Но нужна помощь. Подскажите пожалуйста, как изменить следующий код для того чтобы отключить прокрутку фона при открытом всплывающем окне. Код: freetexthost.com/vc4ers54f5

@Boooober · 09.01.2016, 21:50

При открытии всплывающего окна можно добавить класс к тегу body, который и отключит прокрутку.

CSS

1
2
3

body.hidden{
  overflow: hidden;
}

@Vadim238 · 11.01.2016, 01:46 **[ТС]**

К сожаление не помогло. В таком случае пропадает только полоса прокрутки, а не сама возможность скролить.

@Boooober · 11.01.2016, 01:48

В таком случае, не могли бы вы дать ссылку, чтобы можно было разобраться детальнее?

@Vadim238 · 11.01.2016, 02:17 **[ТС]**

designer-folio.esy.es - модальное окно, это то которое появляется при нажатии на изображение, в блоке Портфолио, что на главной странице. Хотелось бы чтобы не было возможности прокрутки фона, при активном модальном окне.

@Boooober · 11.01.2016, 02:36

Да, вы правы, так просто не получилось бы. У вас там стоит плагин slimscroll.js, который и творит все эти вещи.
Потому при открытии модального окна, вместе с добавлением класса к боди необходимо отключить и eventListeners на прокрутку. Используйте функции, которыми пользуется автор плагина.

Javascript

if (ischrome) {
   ssc_removeEvent("mousedown", ssc_mousedown);
   ssc_removeEvent("mousewheel", ssc_wheel);
}

И соответственно при закрытии модального окна вернуть их обратно:

Javascript

if (ischrome) {
   ssc_addEvent("mousedown", ssc_mousedown);
   ssc_addEvent("mousewheel", ssc_wheel);
}

@Vadim238 0 / 0 / 0 Регистрация: 23.12.2015 Сообщений: 3
		1
	Запрет прокрутки фона под модальным окном 23.12.2015, 22:14. Показов 7294. Ответов 5 Метки нет (Все метки) Здравствуйте! Сразу прошу прощение за то что совершенно не разбираюсь в Javascript Но нужна помощь. Подскажите пожалуйста, как изменить следующий код для того чтобы отключить прокрутку фона при открытом всплывающем окне. Код: freetexthost.com/vc4ers54f5 0

@Vadim238 0 / 0 / 0 Регистрация: 23.12.2015 Сообщений: 3
	11.01.2016, 01:46 [ТС]	3
	К сожаление не помогло. В таком случае пропадает только полоса прокрутки, а не сама возможность скролить. 0

@Boooober 2 / 2 / 2 Регистрация: 04.01.2013 Сообщений: 24
	11.01.2016, 01:48	4
	В таком случае, не могли бы вы дать ссылку, чтобы можно было разобраться детальнее? 0

@Vadim238 0 / 0 / 0 Регистрация: 23.12.2015 Сообщений: 3
	11.01.2016, 02:17 [ТС]	5
	designer-folio.esy.es - модальное окно, это то которое появляется при нажатии на изображение, в блоке Портфолио, что на главной странице. Хотелось бы чтобы не было возможности прокрутки фона, при активном модальном окне. 0

	11.01.2016, 02:36