Прокрутить в пределах мода

Question

У меня есть модальный на моем сайте с содержимым внутри него. Тем не менее, я заметил, что на мобильных телефонах я не могу прокручивать содержимое. Кажется «фиксированным» без полосы прокрутки.

My JSFiddle есть здесь: http://jsfiddle.net/g1kbvn0s/embedded/result/ отсюда вы можете увидеть мои CSS и Javascript. Я также приложил мою CSS ниже:

 /* line 863, ../sass/_layout.scss */ 
     html.cinema-viewer { 
      overflow: hidden !important; 
     } 

     /* line 871, ../sass/_layout.scss */ 
     #cinema-overlay { 
      background-color: rgba(0, 0, 0, 0.95); 
      width: 100%; 
      height: 100%; 
      position: fixed; 
      top: 0; 
      left: 0; 
      z-index: 99999 !important; 
      overflow: hidden; 
      -webkit-user-select: none; 
      -moz-user-select: none; 
      user-select: none; 
     } 

Большое спасибо за любую помощь :)

Answer 1

Попробуйте добавить

#cinema-overlay { 
    overflow-y: scroll; 
    position:absolute; 
} 

И удалить

overflow:hidden 

Из того же элемента.

http://jsfiddle.net/g1kbvn0s/3/