使用Anchor的iPhone Safari与Iframe

时间:2010-07-15 15:54:21

标签: iframe anchor mobile-safari

嘿嘿,我有一个无法在Safari中运行的移动页面 - 它在桌面浏览器,Android和BlackBerry上运行良好。我在页面上有一个功能区域。我想避免使用JS(因为一些移动浏览器禁用它)。如果可能,我想只使用HTML和CSS。

我不希望页面滚动多年,所以我使用iframe和一系列具有Anchors的div;例如。 。我们的想法是,当您进入该框架并单击链接时,您将被带到iframe中的下一个特色div。

然而,

Safari会滚动父页面,而不是iframe。有什么方法吗?

我有一个演示,但显然我太新了Stack Over flow发布链接!

http,冒号斜杠,rle dot me /frame/1.html

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

我不认为你可以在没有任何Javascript的情况下做到这一点。

为避免整个页面滚动,请在任何touchMove事件上调用event.preventDefault()函数。

  

<body ontouchmove="event.preventDefault();">
/* Whatever you have in your body */
</body>

如果要在元素中滚动,请创建一个容器<div>,该容器具有固定的宽度和高度,其中包含大于容器的任何内容。容器应具有overflow: none;overflow: hidden; CSS属性,以便仅显示容器中的内容。