iframe跳转到命名链接

时间:2013-12-02 12:07:28

标签: html html5 iframe scroll fancybox-2

我有一个iframe源/website-policy#privacy,但是当加载iframe时,iframe会停留在顶部而不是跳转到id。无论如何没有使用js来使它转到正确的部分?

目前我不得不使用以下jQuery:

iframe.contents().find('html,body').animate({ scrollTop: iframe.contents().find('#privacy').position().top - 10 }, 1);

但这似乎相当凌乱,我不希望每次在网址中都有一个带有哈希标记的iframe时就必须这样做

Here is a fiddle正在发生的事情,你可以看到fancybox正在打开,但没有跳到标题“Jump here”

This is my workaround您可能需要点击两次链接才能显示fancybox

1 个答案:

答案 0 :(得分:2)

问题似乎是fancybox中的iframe preload设置。如果您将此选项设置为false,它将按预期工作:

$('a.fancy').fancybox({
    type: "iframe",
    iframe: {
        preload: false
    }
});