滾動Modal

Question

我的網站上有一個Modal，裏面有內容。但是，我注意到在手機上我無法滾動內容。它似乎'固定'沒有滾動條。

我的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/