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窗口提供更多垂直空间，我可以看到完整的框架集页面...所以像viewport或基于显示高度。反向也是如此，即如果我向上拖动任务栏，以便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让我看到它

无法在Firefox上滚动iframe内容

1 个答案: