Question

我有一系列像这样的链接

<li><a href="classes/journeydistance.html" target="classes">Class Name </a></li>

这就是iframe

<IFRAME src="classes/yaddayadda.html" style="width:400px;height:700px;" frameborder="0" name="classes" scrolling="auto">
</IFRAME>

然而，iframe位于页面底部，链接位于顶部，中间有一堆文本。有没有办法让人们点击类链接时将它们跳转到iframe？

Answer 1

这是一个有效的解决方案:(使用一点javascript）

http://jsfiddle.net/RGjCL/4/

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

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

Answer 2

您可以通过为iframe添加一个标签并在链接中添加一个标签来实现：

<iframe id="myIframe" rc="classes/yaddayadda.html" style="width:400px;height:700px;" frameborder="0" name="classes" scrolling="auto"></iframe>
And the link: <li><a href="classes/journeydistance.html#myIframe" target="classes">Class Name </a></li>

我没有测试过，但我认为它会起作用。

Answer 3

好吧，我最初的想法很快被粉碎了（想要使用一种纯粹的html / css事物，而第二种想法是非常愚蠢的。）

由于你已经使用锚点（标记）触发了一个动作，除非你使用javascript，否则你无法用它做更多的事情。

所以这是jquery http://jsfiddle.net/sg3s/Wpnng/2/

的概念工作证明

这样，如果js关闭，链接仍然有用，它就不会向下滚动...

我不认为只有html / css有一种方法，我不会使用jquery如果这是你唯一要加载它...

略有改进，目标w / e在所点击的链接的目标属性中，但是，如果你总是想要滚动到相同的iframe，这只会使它变慢：http://jsfiddle.net/sg3s/Wpnng/3/ < / p>

HTML - 跳转到iframe

3 个答案: