IOS Mobile Safari水平滚动div

时间:2015-10-19 01:56:30

标签: html ios css

我基本上处于死胡同,希望有人能指出我正确的方向。

我有一个包含多个div的简单Div,水平排列。我将此Div设置为'overflow-x',因此我可以将其水平滚动到其下方的其他项目上方(这用于导航元素)

当我'触摸滚动'向右或向左滚动内容时,它不会滚动(Android工作正常)我已经尝试了所有我能想到的但似乎没有任何效果。有一点奇怪的是我有一个从左边滑出的“主干”菜单,顶层Div显示自己,它只是一个固定的位置div,背景透明。无论如何奇怪的部分来了,当我'显示'该死的东西将正确滚动!

现在为了时间的缘故,我想得很好,如果我可以让它工作我可以只显示一个愚蠢的div,设置一个触摸事件并继续我的方式,但触摸事件似乎有一个双击滞后或某事,只是没有正常工作,所以我放弃了。我开始追踪dom树以查看是否存在css冲突,但没有任何效果。我试过关闭几乎每个CSS元素仍然无法工作。奇怪的是,我把这个div(单页面应用程序)中的所有“页面”加载了一个“主”容器div当我把它放在这个div之外它也可以工作但是这个主容器上没有样式,所以我不知道为什么滚动Div会在Div之外工作但不在div内部(也许我错过了IOS的东西?[我应该添加内容通过JS动态加载])

就像我说它有一大堆奇怪的事情,我不知道为什么会发生这种情况,而且它似乎只发生在IOS(IOS 9测试设备)上

任何有关可能发生的事情的建议都将受到赞赏

谢谢!

0 个答案:

没有答案