在不使用JavaScript的情况下更改iframe内容时移至页面顶部

Question

我查了一下问题： How do I Scroll parent page to top when child page is click within iframe? 和 Scrolling parent page when remote content loads in 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的情况下强制页面滚动到顶部？

我已经在页面顶部有一个div，id = Fascione，我在我的页脚中使用“go to the top”

<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会自动触发更新。