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; 
} 

I читал где-то эту позицию: исправлен не понравился Apple, поэтому я изменил ее, и она все еще испортилась, так же, как и добавление прокрутки -webkit-overflow: touch и трюк с этой страницы: -webkit-overflow-scrolling: touch; breaks in Apple's iOS8

Ничего из этого не работает. Любая помощь высоко ценится. Благодарю.

Answer 1

Возможно это?

#page { 
    overflow: visible !important; 
} 

Answer 2

Как

overflow-y: auto; 

добавить

-webkit-overflow-scrolling: touch;