iOS不滾動div

Question

對，我有一個應該滾動的div（在Chrome和其他瀏覽器中正常工作）。它不會在iOS上滾動，而頁面本身使用jQuery和jQuery Mobile。

這裏是我的SCSS：

#level-2 { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    top: 0; left: 100%; 
    padding-top: 50px; 
    box-sizing: border-box; 
    background: rgb(0,0,0); 
    overflow-y: auto; 

    #level-2-tabs { 
    position: fixed; 
    top: 50px; 
    width: 100%; 
    height: 90px; 

    #level-2-cards { padding-top: 90px; } 

    .level-2-card { 
    width: 100%; 
    color: black; 
    padding: 20px; 
    box-sizing: border-box; 
    border-left: 2px solid white; 
    border-right: 2px solid white; 
    border-bottom: 2px solid white; 

JQuery的增加了一堆卡的＃2級卡的div和我也有一個#page作爲包裝：

#page { 
    position: absolute; 
    top: 0; left: 0; 
    width: 100%; 
    height: 100%; 
    overflow: hidden; 
} 

我閱讀某個地方的位置：固定不被蘋果所喜歡，所以我改變了它，它仍然搞砸了，同樣增加了-webkit溢出滾動：觸摸和從這個頁面的把戲： -webkit-overflow-scrolling: touch; breaks in Apple's iOS8

這些都不起作用。任何幫助，高度讚賞。謝謝。

Answer 1

也許這樣？

#page { 
    overflow: visible !important; 
} 

Answer 2

除了

overflow-y: auto; 

添加

-webkit-overflow-scrolling: touch;