相关疑难解决方法(0)

如果您在最新版本的iOS上的iPad设备上访问此页面,则可以按照此步骤操作.

http://fiddle.jshell.net/will/8VJ58/10/show/light/

我有两个新的-webkit-overflow-scrolling元素:touch; 适用的财产和价值.左手灰色区域内容丰富,可以纵向或横向滚动.右边只会在横向滚动.

如果从横向开始(在横向上刷新),您可以使用惯性滚动滚动这两个区域.效果很好.现在将iPad翻转成纵向,只有左​​侧区域会滚动.这是预期的.但当你翻回景观时,右手区域将不再滚动,而左手区域仍然很好.

很明显如何阻止这种情况发生,但我并不总是有足够的内容来填补这个区域.

那么任何想法？

在此先感谢,
威尔:)

我正在使用html5为IOS构建移动应用程序.我正在使用"-webkit-overflow-scrolling:touch"来获取原生惯性滚动,但它非常多.在滚动停止之前,我已经解决了内容不呈现的问题,但是一个持久性错误是这样的:

当我尝试向上和向下滚动时,没有任何反应,但是当我尝试水平滚动时,内容会垂直滚动(离轴90度).如果我浏览我的应用程序并返回页面,有时会修复它.此外,尽管内容丰富,但有时它根本不会滚动.

从我用Google搜索的内容来看,似乎已经达成共识,即Apple已经意识到了这个错误,并且无意在任何时候修复它.有没有人找到一个解决方案让-webkit-overflow-scrolling正常工作？

可能重复:
使用-webkit-overflow-scrolling在iOS 5中滚动问题

我有一个带有更宽的子元素的div,它被设置为-webkit-overflow-scrolling:touch.

在页面加载时,在横向方向上,要水平滚动div,您必须垂直向上和向下移动div.所以向上和向下移动滚动向右滚动.切换到纵向然后返回横向方向滚动按预期工作 - 水平触摸移动水平滚动.使用-webkit-overflow-scrolling设置为auto我没有看到这个问题.谷歌搜索没有结果,有没有其他人遇到过这种行为？

我的css:

#stream-container-outer {
    width: 925px;
    margin: 0 auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
#stream-container {
    width: 900%;
}