Блокировка скроллинга

229
19 марта 2017, 05:42

Раньше блокировал так:

document.querySelector('body').style.overflow = "hidden"

С обновлением webview (где то в феврале 2017) это перестало работать

Есть ли альтернатива? Кроме pozition:fixed

Answer 1

Почему не работает?

document.querySelector('#blockScroll').addEventListener('click', _ => document.body.style.overflow = 'hidden');
body{ 
  height: 1000px; 
  background: rgba(0,0,255,.5); 
} 
 
#blockScroll{ 
  position: fixed; 
  left: 10px; top: 10px; 
}
<input type='button' id='blockScroll' value='Блокировать скролл' /> 
Lorem<br /> 
ipsum<br /> 
dolor<br /> 
sit<br /> 
amet,<br /> 
consectetur<br /> 
adipisicing<br /> 
elit.<br /> 
Placeat<br /> 
molestias<br /> 
dolore<br /> 
harum<br /> 
quae<br /> 
aut<br /> 
nisi<br /> 
delectus<br /> 
necessitatibus<br /> 
quo,<br /> 
consequuntur<br /> 
beatae<br /> 
voluptatum<br /> 
illum<br /> 
iure<br /> 
iste,<br /> 
culpa<br /> 
tempora<br /> 
aliquam<br /> 
distinctio<br /> 
labore<br /> 
porro?<br /> 
Libero<br /> 
veniam<br /> 
distinctio<br /> 
autem<br /> 
suscipit<br /> 
maxime<br /> 
nulla<br /> 
porro,<br /> 
eum<br /> 
quasi<br /> 
iusto<br /> 
asperiores<br /> 
praesentium<br /> 
cumque<br /> 
amet<br /> 
aliquam<br /> 
sint<br /> 
quam<br /> 
consectetur<br /> 
facere!

READ ALSO
Как сделать редирект на любой URI?

Как сделать редирект на любой URI?

Как перенаправить клиента на новую страницу при помощи JS/jQuery? Перевод вопроса "How to redirect to another webpage in JavaScript/jQuery?"

217
Как пользоваться vue-resource для Vue.js?

Как пользоваться vue-resource для Vue.js?

Взял пример код со страницы https://githubcom/pagekit/vue-resource и попытался применить https://jsfiddle

452
Как сделать такую форму?

Как сделать такую форму?

Как сделать такую форму?

267