嘿嘿,我有一个无法在Safari中运行的移动页面 - 它在桌面浏览器,Android和BlackBerry上运行良好。我在页面上有一个功能区域。我想避免使用JS(因为一些移动浏览器禁用它)。如果可能,我想只使用HTML和CSS。
我不希望页面滚动多年,所以我使用iframe和一系列具有Anchors的div;例如。 。我们的想法是,当您进入该框架并单击链接时,您将被带到iframe中的下一个特色div。
然而,Safari会滚动父页面,而不是iframe。有什么方法吗?
我有一个演示,但显然我太新了Stack Over flow发布链接!
http,冒号斜杠,rle dot me /frame/1.html
感谢您的帮助!
答案 0 :(得分:0)
我不认为你可以在没有任何Javascript的情况下做到这一点。
为避免整个页面滚动,请在任何touchMove事件上调用event.preventDefault()
函数。
<body ontouchmove="event.preventDefault();">
/* Whatever you have in your body */
</body>
如果要在元素中滚动,请创建一个容器<div>
,该容器具有固定的宽度和高度,其中包含大于容器的任何内容。容器应具有overflow: none;
或overflow: hidden;
CSS属性,以便仅显示容器中的内容。