首页 文章

HTML - 跳转到iframe

提问于
浏览 次
1

我有一系列这样的链接

<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？

html anchor

3 回答

  • 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>
    回复于
  • 0

    你可以通过给iframe一个id添加一个hashtag到链接中来实现：

    <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>

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

    回复于
  • 0

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

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

    所以这是jquery http://jsfiddle.net/sg3s/Wpnng/2/的概念工作证明

    这样，如果js关闭，链接仍然可以工作，它只是不向下滚动...

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

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

    回复于

相关问题