html的A网页中以内联框架打开B网页,B网页用内联框架打开C网页,如何让C网页共享A网页scrolling
时间: 2023-09-28 18:12:34 浏览: 140
HTML网页共享
可以在C网页的内联框架中添加一个属性,指定父窗口的滚动条控制内联框架的滚动,例如:
```html
<iframe src="http://www.c.com" scrolling="no" frameborder="0" width="100%" height="500" marginheight="0" marginwidth="0" style="overflow-x:hidden;" onload="this.style.height=this.contentWindow.document.body.scrollHeight+'px';this.contentWindow.document.body.style.overflow='hidden';" name="frameC" id="frameC" allowfullscreen></iframe>
<script type="text/javascript">
window.onload=function(){
document.getElementById('frameC').contentWindow.document.body.style.overflow='hidden';
var parent = window.parent;
parent.document.getElementById('frameA').setAttribute("scrolling","no");
parent.document.getElementById('frameA').setAttribute("style","overflow:hidden");
parent.document.getElementById('frameA').setAttribute("scrolling","yes");
parent.document.getElementById('frameA').setAttribute("style","");
}
</script>
```
在C网页的内联框架中添加了一个onload事件,使内联框架的高度自适应内容高度。同时,通过JavaScript获取父窗口并设置A网页的滚动条属性,使C网页能够共享A网页的滚动条。
阅读全文