无法在 Firefox 上滚动 iframe 内容

Question

我在我的页面上使用了一个模态窗口，它实际上有一个在 iframe 中调用的框架集页面。动态附加模态窗口的代码是这样的；

$("#TB_window").append("<iframe frameborder='0' hspace='0' src='"+urlNoQuery[0]+"' id='TB_iframeContent' name='TB_iframeContent"+Math.round(Math.random()*1000)+"' onload='tb_showIframe()' style='width:"+(ajaxContentW + 29)+"px;height:"+(ajaxContentH + 17)+"px;' > </iframe>");

生成的 HTML 看起来像；

<div id="TB_window" style="margin-left: -500px; width: 1001px; display: block;">
<iframe frameborder="0" style="width:1000px;height:581px;" onload="tb_showIframe()" name="TB_iframeContent805" id="TB_iframeContent" src="framesetPg.html" hspace="0"> </iframe></div>
</div>

现在，在 IE 上，我可以滚动浏览主页面以及内部框架，但在 Firefox 上，我无法完全滚动浏览主框架集页面..

还要总结一下这个问题，这应该有助于确定问题所在； 如果我隐藏 Windows 任务栏以便为 Firefox 窗口提供更多垂直空间，我可以看到完整的框架集页面......所以类似于视口或基于显示高度。反向也是如此，即如果我向上拖动任务栏，以便 FF 可用的空间更少，它只会显示那么多内容，而我无法滚动其余内容..

请帮助我。谢谢。

Answer 1

添加这个

$("body").css("overflow", "auto");
$("html").css("overflow", "auto");

到thickbox.js 中的tb_show 函数的顶部，此处未压缩是示例 这就是它的样子

function tb_show(caption, url, imageGroup) {//function called when the user clicks on a thickbox link

    try {
        if (typeof document.body.style.maxHeight

改成这个

function tb_show(caption, url, imageGroup) {//function called when the user clicks on a thickbox link
    $("body").css("overflow", "auto");
    $("html").css("overflow", "auto");
    try {
        if (typeof document.body.style.maxHeight

剩下的就放心了如果不工作，发到jsfiddle让我看看