【问题标题】:iframe won't scroll in Firefox 17iframe 不会在 Firefox 17 中滚动
【发布时间】:2023-03-11 20:36:02
【问题描述】:

将 Firefox 升级到 17 后,iframe 滚动在我的 Web 应用程序中停止工作。我读过最新的 Firefox (https://wiki.mozilla.org/Gecko:Mouse_Wheel_Scrolling) 中的鼠标滚轮事件发生了一些变化,但我不知道为什么它会阻止我的 iframe 滚动。也许是因为我使用 JavaScript 自动创建了这个 iframe。滚动功能适用于最新版 Chrome 和旧版 Firefox。

jQuery :

  var iframe = $(document.createElement("iframe")).attr("src", $(this).attr("href")+"&without_js=1")
      .css({"border": "0", "width": "100%", "height": ($(window).height() - 100 - 100)+"px", "overflow":"scroll"})
      .attr("id", "zaplanowanie_przegladu_frame").attr("name", "table_frame").hide().appendTo($("body"));

【问题讨论】:

  • 尝试删除overflow:scroll,因为它不应该做任何有用的AFAIK。如果它破坏了新 FF 中的 iframe,则应该报告错误
  • 如果这没有帮助 - 问题可能出在 iframe 内部,而不是 iframe 本身。
  • 那么您是在 iframe 中创建 iframe?
  • 使用您的确切代码(带有静态 URL)在 jsfiddle 中创建 iframe,没有问题。值得指出的是,使用 CSS 向 iframe 添加溢出:滚动(或溢出:任何内容)没有任何作用 - iframe 的滚动由滚动属性控制,而不是 CSS。 w3schools.com/tags/att_iframe_scrolling.asp

标签: javascript html firefox dom


【解决方案1】:

我遇到了类似的问题。我正在滚动 iframe 的 body 属性。它在FF17之前工作。我将尝试将 bug 的最小公分母重现。

我发现有人在 Mozilla 支持网站上报告了类似的问题: http://support.mozilla.org/en-US/questions/942843

【讨论】:

  • 你认为这是一个错误?也许这种行为是 intetded 因为它是新 HTML 的标准?我不确定……
  • 是的。我确实认为这是一个错误。我已经确认这不是 FF16 的情况。其他人也在报告这一点。 support.mozilla.org/en-US/questions/942843
  • JQuery 网站上有一个类似的错误报告:bugs.jquery.com/ticket/12951 ... 建议的临时解决方法 (bugs.jquery.com/ticket/12846) 是添加一个“overflow:auto !important;”在 CSS 中。这不适用于我的情况,但可能适用于您的情况。
  • overflow:auto !important;" 为我工作。非常感谢。
  • 我收回那句话... overflow:auto !important;在我的情况下工作得很好。这不是一个很好的解决方案,但在 FireFox 解决此问题之前是一个很好的解决方案。
猜你喜欢
  • 2012-11-25
  • 2014-09-04
  • 2011-02-22
  • 2015-12-10
  • 2011-09-13
  • 2023-03-19
  • 1970-01-01
  • 2013-11-27
  • 2012-07-03
相关资源
最近更新 更多