溢出汽車不能在safari上工作

Question

我嘗試過很多瀏覽器，Firefox，Safari，IE10，Android設備，都能正常工作。但是當它變成iOS設備時，如iPads，iPhones，溢出不起作用。

.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

overflow：auto;並溢出：滾動;在iOS和OS X上似乎工作不同。 嘗試使用overflow：scroll;加-webkit-overflow-scrolling：touch;在iOS和OS X.

Answer 2

只需添加-wekit-之前財產，使其在safari工作..！

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