Überlauf Auto funktioniert nicht auf Safari

Question

Ich habe auf vielen Browsern, Firefox, Safari, IE10, Android-Geräten versucht, alles funktioniert gut. Aber wenn es zu iOS-Geräten wie iPads, iPhones wird, funktioniert der Überlauf nicht.

.card.with-scroll .card-body { 
    height: calc(100% - 44px); 
    overflow-y: auto; 
    -webkit-box-flex: 0; 
    -ms-flex: 0 1 auto; 
    flex: 0 1 auto; 
} 

Answer 1

Überlauf: auto; und Überlauf: scrollen; scheinen auf iOS und OS X anders zu funktionieren. Versuchen Sie, den Überlauf zu verwenden: scroll; plus -webkit-overflow-scrolling: berühren; auf iOS und OS X.

Answer 2

Fügen Sie einfach -wekit- vor Eigentum, um es in Safari arbeiten zu lassen ..!

.card.with-scroll .card-body { 
    height: calc(100% - 44px); 
    -webkit-overflow-y: auto; /* added css prefix for safari */ 
    -webkit-box-flex: 0; 
    -ms-flex: 0 1 auto; 
    flex: 0 1 auto; 
}