Как убрать скролл на iOS?

Question

[wiyod]

Делаю модалку на весь экран, хочу убрать скроллинг. Во всех браузерах работает, кроме браузеров на iOS

position: fixed
top: 0
left: 0
overflow: hidden
width: 100%
height: 100vh

В чем проблема?

Answer 1

[fl3nkey]

Если у вас нету скроллбара в самом модальном окне, то можете просто отлавливать "touchmove" и отменять это событие когда модальное окно открыто.

document.body.addEventListener('touchmove', function(e) {
  e.preventDefault();
});

Если же нужен скроллбар в модальном окне, вот вам ссылка на codepen.

P.S. Выкатил библиотеку, которая решает данную проблему.

Comments

[wiyod]

Попробую через пару часов, спасибо.
ЦССом это не решается никак?

[fl3nkey]

wiyod, к сожалению нет.