在ipad ios 7和8上以编程方式(javascript首选)滚动iframe

时间:2015-02-23 16:35:56

标签: javascript ios ipad iframe scroll

所有

我在safari ipad(ios 7和8)上面临一个问题。

我有一个页面,其中左侧部分是列表,右侧部分是iframe。 单击左侧的列表项时,右侧部分将相应地定向到某个页面。

我需要支持右侧部分(iframe)的滚动。

目前,正确的部分如下:

<div style="display:block; position: absolute; overflow:auto; -webkit-overflow-scrolling: touch"><iframe src = 'xxxxx'>... </iframe></div>

单击左侧部分时,在javascript中动态生成xxx。

当加载iframe时,iframe中的页面有一个浮动按钮栏,单击该按钮可以通过滚动来跳转到iframe的不同部分。

现在,当单击栏中的任何浮动按钮时,我使用document.body.scrollTop = nnn(或document.documentElement.scrollTop = nnn)滚动到不同的部分。它适用于桌面浏览器(chrome,FF,IE,甚至safari)。并且,它仅滚动右侧部分,而不是整个屏幕,这就是我想要的。

但是,在ipad中,在ios 7和8中,浮动按钮都不起作用。单击时,您可以看到iframe闪烁,但不能滚动。用户仍然可以手动滚动iframe。

有关如何以编程方式进行此滚动工作的任何建议吗?或者,这是ipad上的已知问题吗?

感谢。

同样遇到这篇文章:Scroll iframe using buttons - iPhone,看起来与我的问题类似。

0 个答案:

没有答案