如何创建一个iframe的目标链接也滚动到它?

时间:2012-11-30 20:05:51

标签: iframe web scroll anchor

有没有办法在我的iframe中打开网页并自动滚动到它? 换一种说法... 我想知道如何结合这个:

<a href="/example" target="myframe">

有了这个:

<a href="#myframe">

谢谢!

我不希望它在iframe中滚动到目标html中的anoche。事实上,iframe不允许滚动。我想在父(根网站)中滚动到iframe

2 个答案:

答案 0 :(得分:1)

是的,你可以通过在URL之后放置文档片段标识符(以#符号开头的东西)来实现,如下所示:

<a href="/example#myframe" target="myframe">

要完成这项工作,您的网页(在这种情况下为example)必须具有这样的命名锚点:

<a name="myframe">...

答案 1 :(得分:1)

我找到了这个解决方案。效果很好。

<a href="javascript:void(0)" onclick="IFrameScroll('http://www.asdf.com')">Class Name</a>


<script type="text/javascript">
    function IFrameScroll(link){
        window.myIframe.location=link;
        window.location.hash='myIframe'
    }
</script>