添加 dom 元素后，chrome/opera 锚移开

Question

假设我有一个网址：http://rythmengine.org/doc/expression.md#transformer

页面加载后，锚点立即正确显示，但是我有一个脚本可以自动在页面上添加一些 iframe，chrome/opera 稍后将远离锚点#comment、firefox 和 IE（10 ) 都很好。

知道如何在 Chrome/opera 中修复它吗？

Answer 1

我不知道我是否会实现这一点，因为 iframe 确实需要相当长的时间来加载，并且用户可能已经在页面上滚动并被颠簸回哈希元素，但这是我的一个解决方案想出了使用 jQuery。

由于 iframe 在最初加载后会在文档中被替换，因此您可以使用 .load() 函数，如果您只是将它放在文档上，该函数通常不会触发。

在this page 和edit the fiddle here 上进行演示。

只需将此 jQuery 代码添加到您的脚本标签中即可替换所有 pre code：

代码：

$('iframe').load(function() {
    moveToHash();
});

// Scroll to the url hash element
function moveToHash()
{
    var hashElem = $(window.location.hash);

    // If the hash elment exists
    if(hashElem.length)
    {
        window.scrollTo(hashElem.position().left, hashElem.position().top);
    } 
}

编辑： 代码中有一些错误和不必要的错误，现已修复。

Answer 2

当每个 iframe 结束加载时，告诉浏览器转到该哈希

$('iframe').load(function() {
    document.location.href = document.location.hash;
});