Android iframe错误

Posted 2021-04-05

我在运行android 4.0.4的手机上遇到了问题。

我有一个带有文本字段和几个下拉列表的iframe，但是在纵向模式下iframe太宽而无法放入手机窗口，因此我得到一个水平滚动条，以便我可以滚动查看所有字段。

问题是，如果我向右滚动iframe，我就不能再选择文本框或下拉列表了。

看起来设备没有意识到iframe已经向右滚动，因此，例如，当iframe首次渲染时，内容被定位为左对齐。此时，其中一个下拉列表显示在iframe的最右侧。如果我一直向右滚动iframe并点击下拉菜单所在的屏幕，即使我实际点击的屏幕区域根本没有任何元素，我也会得到下拉菜单的选择屏幕。

如果我点击实际下拉的屏幕，我根本得不到任何回复。

我在这里有一个测试页面：http://snow.x10.mx/damian/page.html

在桌面上的Firefox上一切正常，所以看起来它可能只是一个Android bug。

任何人都可以建议一个解决方法（除了确保iframe不比屏幕宽），因为我很快就看不到Android修复了！

如果有人有iPhone，他们可以测试一下，如果你遇到同样的问题，你可以告诉我吗？

答案

我遇到了与Android 4.0.4相同的问题

垂直滚动也会发生同样的事情，并且适用于输入字段，链接......应该对触摸/点击事件作出反应的任何内容。如果元素在滚动之前可见，则滚动后仍然会对触摸事件作出反应。如果在滚动之前它不可见，则无法与该元素进行交互。

我不确定是什么导致这种情况，但使用滚动条插件（jScrollPane）已经解决了它。

祝好运！