使用iframewindow的scroll方法控制iframe页面滚动_javascript技巧

1、获取iframe的窗口对象

var iwin = document.getElementById('iframe1').contentWindow;

2 、获取iframe的窗口document对象

var doc = iwin.document;

3、调用iframe window对象的scroll方法

iwin.scroll(0,doc.body.scrollHeight);

scroll两个参数为x,y轴的滚动量

doc.body.scrollHeight为iframe页面的高度（包含未显示的部分）

一个综合应用例子如下：
代码如下:

html代码

function getElementAbsPos(e) {
var t = e.offsetTop;
var l = e.offsetLeft;
while(e = e.offsetParent) {
t += e.offsetTop;
l += e.offsetLeft;
}

return {left:l,top:t};
}

function getPosition(obj){
var left = 0;
var top = 0;

while(obj != document.body){
left = obj.offsetLeft;
top = obj.offsetTop;
obj = obj.offsetParent;
}

return left;
}

var lis = document.getElementsByTagName('li');
var iwin = document.getElementById('iframe1').contentWindow;
var doc = iwin.document;
for(var i=0;ilis[i].onmouseover = function(){
var obji = this.childNodes[0].childNodes[1];
doc.writeln('
'+ obji.innerText + ',' + getElementAbsPos(document.getElementById('toc')).left);
doc.writeln('
'+ obji.offsetLeft + ',' + getElementAbsPos(obji).left + ',' + obji.offsetWidth+ ',' + obji.style.left);
doc.writeln('
'+ doc.body.scrollHeight + '')
iwin.scroll(0,doc.body.scrollHeight);
//iwin.scrollTo(10000); //无效
}
}