【问题标题】:iframe jump to named linkiframe 跳转到命名链接
【发布时间】:2013-12-18 03:21:16
【问题描述】:

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

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

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

但这似乎很不整洁,我不想每次在 url 中有一个带有井号标签的 iframe 时都必须这样做

Here is a fiddle 正在发生的事情,您可以看到花式框正在打开,但没有跳到标题“跳到这里”

This is my workaround你可能需要点击链接两次才能出现花式框

【问题讨论】:

  • 也许这对你有帮助(最后一个答案是没有 js):stackoverflow.com/questions/3419072/…
  • 不知道他是如何做到这一点的 - 我在锚点下方有足够的内容,所以它应该跳到它,但似乎我能让 iframe 移动到链接的唯一方法是通过使用 javascript
  • 能否请您发布您的 html 部分,以便我可以在本地尝试?
  • @twain,我加了一个小提琴

标签: html iframe scroll fancybox-2


【解决方案1】:

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

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

【讨论】:

  • 太棒了,这就是我所追求的简单解决方案!赏金在 3 小时内属于你
猜你喜欢
  • 2012-03-30
  • 1970-01-01
  • 2016-08-26
  • 2012-09-06
  • 2016-01-12
  • 2012-11-20
  • 2016-08-14
  • 2017-04-23
  • 2016-05-01
相关资源
最近更新 更多