overflow：在iOS 8中的UIWebView中无法滚动

Question

在iOS 8中，我在UIWebVIew，

的网页中有以下代码

<div id="outer">
    <div id="middle">
        <div id="inner"></div>
    </div>
</div>

和以下CSS，

html {
    height: 100%;
}
body {
    height: 100%;
    margin: 0;
}
#outer {
    overflow: scroll;
}
#middle {
    width: 160%;
    height: 100px;
    overflow: auto;
}
#inner {
    background: red;
    width: 80%;
    height: 100%;
    float: left;
    clear: both;
    overflow: auto;
}

在iOS 7中，这可以在Web视图中提供横向可滚动div。但是在iOS 8中，div是而不是可以横向滚动。

有什么想法吗？我也试过overflow: auto，但没有成功。

Answer 1

将-webkit-overflow-scrolling: touch;添加到您的#inner区块。