Коррекция вертикальной спирали тела?

Question

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

P.S .: Я знаю, это не может считаться «реальным» вопросом, но я совершенно не знаю, как это решить в других терминах. Я извиняюсь!

Answer 1

Вы можете предотвратить прокрутку колеса мыши через wheel события:

window.onwheel = function(evt) { evt.preventDefault(); }; 

(Заметьте, что wheel доступен на элементах, а также window объекта, и это могло бы быть лучше, чтобы прикрепить слушатель события к body, например.)

Чтобы скрыть полосы прокрутки, вы можете установить стиль соответствующего элемента на overflow:hidden.

Чтобы предотвратить прокрутку сенсорного экрана, вы можете попробовать позвонить preventDefault() на событиях touch*.

Answer 2

Чтобы предотвратить прокрутку, установите overflow: hidden в CSS. Чтобы включить прокрутку, установите overflow: auto. Поэтому, когда появляется всплывающее окно, установите:

body 
{ 
    overflow: hidden; 
} 
#myPopup 
{ 
    overflow: auto; 
} 

Демо: jsfiddle.net/yM7zb