html iframe 图片居中,jQuery/javascript - 在iframe视图区域内居中放置div。 scrollTop不准确调整iframe的高度...

通常情况下，这很容易，但由于视觉原因，我强制我的iframe与其包含的内容高度相同。这样做只会给我一个滚动条，即父窗口上的滚动条。 iframe文档从不滚动。当我尝试在iframe中居中时，问题就出现了。当页面向下滚动几页时，我无法获得精确的scrolltop值。 $(window).scrollTop()始终为零。如果我使用parent.document.documentElement.scrollTop而不是$(window).scrollTop()，我得到一个值，但它完全没有午餐。例如，如果iframe的高度是2011年，我滚动到iframe的底部，我查询parent.document.documentElement.scrollTop我得到一个返回值567。我的屏幕尺寸为1200jQuery/javascript - 在iframe视图区域内居中放置div。 scrollTop不准确调整iframe的高度

所有浏览器的结果相同。测试最新的IE，FF，Opera，Chrome。

为了模拟

in outerdoc.htm I have

doc1.htm:

my title

10 pages of content near the bottom

show div

$(document).ready(function()

{

$('#myFrame', top.document).height($(document).height()); //sets height of frame to document within

});

function CenterDiv(item)

{

var mtop = ($(window).height()/2 - item.height()/2) + $(top.window).scrollTop());

item.css('top', mtop < 0 ? 0 : mtop);

}

2010-08-12

ethermal

+0

您是否尝试过这样做没有IFRAME？......似乎是不必要的第一眼.. –

2010-08-12 16:49:16

+0

是正常工作而不IFRAME但iframe是必要的。 –

2010-08-13 12:33:41

+0

您是否找到解决方案？ –

2015-08-07 09:01:25