html - chrome/opera anchor 在添加 dom 元素后移开

Question

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

页面加载后， anchor 立即正确显示，但是我有一个脚本可以自动在页面上添加一些 iframe，chrome/opera 稍后会远离 anchor #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);
    } 
}

编辑:代码中存在一些不必要的错误，现已修复。