不使用JavaScript改变iframe的内容时,移动到页面顶部(move to top of p

2019-10-16 21:23发布

我已经检查了问题: 我如何滚动父页面顶部,当孩子页面点击iframe中? 和滚动父页面时,在IFRAME远程内容加载但我想如果可能避免的JavaScript。 我有一个iframe

<iframe name="MapFrame" id="MapFrameID" src="http://maps.google.ch/maps?f=q&..."></iframe>

还有一些链接指向它:

<a href="http://maps.google.com/maps?q=St%C3%A4mpflistr.+28,+3052+Zollikofen..." target="MapFrame">mostra sulla mappa</a>

我的问题是,有些链接是远远低于在页面和他们“点击”,当iframe中是不可见或仅部分可见。

我怎么能强制页面滚动到顶部,而无需使用JavaScript的?

我已经在页面的顶部,ID = Fascione,我在我的页脚使用“去顶”一个div

<a href="#Fascione"><img class="NoBackground" alt="Go to top" src="images/common/go_up_black.png" width="30" height="30"></a>

我想重新使用它; 这是可能的(同样没有的JavaScript)?

Answer 1:

你可能想尝试这段代码:

<a href="#Fascione" onclick="parent.scrollTo(0,0);">Go to the top</a>

这是页面滚动到顶部一个简单的方法。



Answer 2:

我想你将不得不使用JavaScript,这并不难。 下面是改变:

<a href="#Fascione" onclick="var map = document.getElementById('MapFrameID'); map.src = 'http://maps.gooogle.com/maps...'">mostra sulla mappa</a>

在href =“#Fascione”将在页面推至顶部,并在IFRAME改变SRC将自动触发更新。



文章来源: move to top of page when changing iframe content without using JavaScript
标签: html iframe