Как в сафари запретить скролл?

Question

[pchela95]

Как в сафари запретить скролл? oveflow:hidden не работает для ios выше 15

Comments

[smilingcheater]

Можете показать песочницу с неработающим кодом?

[pchela95]

smilingcheater, https://jsfiddle.net/vy8mt10k/

Answer 1

[Danny Arty]

Safari игнорирует свойство overflow: hidden для body.
Как вариант задайте это свойство для html, т.е.

html, body {
 overflow: hidden;
}

Либо юзайте библиотеку scroll-lock предложенную в ответах

Comments

[pchela95]

Danny Arty , тоже игнорирует

[Danny Arty]

pchela95, хм, у клиента работало, но там мб иос старенький был. Тогда scroll-lock в помощь

[pchela95]

Danny Arty, пробую
но что-то не хочет

[pchela95]

Danny Arty, пробовал

addScrollableSelector('.size__wrapper');
disablePageScroll();

пишет
Uncaught ReferenceError: addScrollableSelector is not defined

[pchela95]

Danny Arty,где .size__wrapper попап (там где скролл именно)

[Danny Arty]

pchela95, эта ошибка значит, что данная функция не существует. Предполагаю, что ваш скрипт запускается до подключения библиотеки scroll-lock

Answer 2

[sinneren]

https://www.npmjs.com/package/body-scroll-lock

Comments

[pchela95]

sinneren,, пробовал

addScrollableSelector('.size__wrapper');
disablePageScroll();

пишет
Uncaught ReferenceError: addScrollableSelector is not defined

[pchela95]

sinneren .size__wrapper попап (там где скролл именно)