如何控制嵌入iframe在页面滚动该方法是使用iframe的滚动窗口的方法:

1。让iframe窗口对象

无功iwin = document.getelementbyid('iframe1ContentWindow);

2、让iframe窗口文档对象

var doc = iwin.document;

3、调用iframe窗口对象的滚动方法

iwin.scroll(0,医生的身体。scrollheight);

滚动的两个参数是x,y轴的滚动量。

doc.body.scrollheight是iframe页面的高度(包括的部分)

一个全面的应用示例如下:
复制代码代码如下所示:




悬停试验


UL {
背景颜色:# ff00ff;
显示块;
}

TOC
位置:相对;宽度:10em;
背景颜色:# 00ff00;
显示块;
}

李{
如果显示模式,它将填充整个父元素空间。
背景颜色:# 0000ff;
}必须生成块级元素。

李·I·{
显示:无;
}

李A:悬停{
文本对齐:左对齐;
} / *这里只是增加了对IE6的显示代码,没有特殊的功能,除了文字的装饰,颜色,可以写* / Z指数

toc Li A:盘旋我{
显示块;
宽度:6em;
位置:绝对;
顶部:0;
左:100%;在这里,100%与LI宽度的元素相反。
保证金:00 0em - 1em;
填料:1em;
背景:# CDE;
border: 1px solid红;
文本对齐:左对齐;
Z指数:10000;
}






HTML代码


这一章1in龙见
这一章1in骑士召唤
这一章1in工艺是失望
这一章1in龙见
这一章1in龙见
这一章1in龙见
这一章1in龙见



功能getelementabspos(e){
var t = e.offsettop;
var = e.offsetleft;
而(E = e.offsetparent){
T = e.offsettop;
我e.offsetleft;
}

返回左:L,顶部:T };
}

功能getposition(obj){
var = 0;
var = 0;

而(obj!=文档(主体){
左= obj.offsetleft;
最高obj.offsettop;
obj = obj.offsetparent;
}

返回左;
}

VaR LIS = document.getelementsbytagname(李的);
无功iwin = document.getelementbyid('iframe1ContentWindow);
var doc = iwin.document;
对于(var i = 0;i < lis.length;i++){
LIS {我}。onmouseover =函数(){
无功obji =这。子{ 0 }子{ 1 };
doc.writeln(+ obji.innertext +,+ getelementabspos(document.getelementbyid('toc '))。左);
doc.writeln(+ obji.offsetleft +,+ getelementabspos(obji)。左+,++ obji。offsetwidth +,obji。风格。左);
doc.writeln('' + doc.body.scrollheight)
iwin.scroll(0,医生的身体。scrollheight);
/ / iwin.scrollto(10000); / /无效
}
}