javascript - 加载后跳转到iframe

我正在寻找我的网页，以便在有人点击时跳转到iframe。我找到了一个很好用的解决方案，它是：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.myIframe.location=link;
        window.location.hash='myIframe'
    }
</script>
<IFRAME id = "myframe"  onload = "setIframeHeight( this.id )" name="myIframe">

我在网上尝试过，除了它在加载之前会滚动到iframe的事实之外，它部分起作用，所以它不会走到最底端，因为一旦iframe加载，页面就会完全扩展。

有问题的网站如下：http://www.clavederock.com.ar-
链接位于“ Quienes Somos”，“ Programacion”和“ Archivo”选项卡下。

我希望我能说清楚一点，以便您可以帮助我。提前致谢！

最佳答案

尝试将window.location.hash='myIframe'从函数IFrameScroll()移到setIFrameHeight()，以便在iframe具有所需大小后更改哈希值。

编辑＃3：

由于您需要等到iframe加载后才能调整其大小，而window.location.hash在chrome中第二次不起作用，因此您可以尝试以下操作：

<script type="text/javascript">
    function IFrameScroll(link){

        window.myIframe.onload = function() {
            // this will ensure that the height will be updated after load
            setIframeHeight('myIframe');
            // This works on FF and IE, and let users to bookmark
            window.location.hash='myIframe';
            // and this will allow it to scroll the second time for chrome
            document.getElementById('myIframe').scrollIntoView(true);
        }

        window.myIframe.location=link;

    }
</script>

我真的希望这能解决您的问题:)