溢出自动不在safari上工作

时间:2017-07-18 07:22:28

标签: html css3 safari flexbox

我试过很多浏览器,Firefox,Safari,IE10,Android设备,一切正常。但当它转变为iOS设备时,如iPad,iPhone,溢出效果不佳。

    Observable
            .fromCallable<String> {
                // Do the job here
                "the result"
            }
            .subscribeOn(Schedulers.computation())
            .observeOn(AndroidSchedulers.mainThread())
            .subscribe { result ->
                // use the result!
            }

3 个答案:

答案 0 :(得分:1)

溢出:自动;和溢出:滚动;似乎在iOS和OS X上有所不同。 尝试使用overflow:scroll;加上-webkit-overflow-scrolling:touch;在iOS和OS X上。

答案 1 :(得分:0)

只需在属性前添加-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;
}

答案 2 :(得分:0)

-webkit-overflow-scrolling:touch;

如果这不适用于父元素。对我来说,它奏效了。