javascript中如可控制iframe的滚动条位置
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript中如可控制iframe的滚动条位置相关的知识，希望对你有一定的参考价值。
我做了一个聊天室，嵌套了两个iframe，一个name叫mainframe,用来显示聊天纪录，另一个name叫rightframe，用来显示进入的用户名，我想让mainframe的滚动条始终在最下端，rightframe的滚动条始终在最上端，
请问：用javascript如何来实现？
急！！！
window.onload=function ()
document.documentElement.scrollTop=parseInt(document.body.offsetHeight)-parseInt(document.documentElement.offsetHeight)+100;
/*上面的加100是因为取offsetHeight的值不是很准,所以自己改到准为止*/
滚动条始终在最上端:
window.onload=function()
document.documentElement.scrollTop=0;
参考技术A
方案有2种：
第一种：
通过iframe的scrolltop属性进行位置设置
第二种：
通过jquery的scrolltop方法进行位置设置。
示例
<iframe width="100%" height="100%" id="ghrzFrame" frameborder="0" scrolling="auto" name="ghrzFrame" src="iframe.html"></iframe>第一种：
document.getElementById('ghrzFrame').scrollTop=50;//滚动50的位置，
第二种：
$('#ghrzFrame').scrollTop(50);滚动到50的位置
Javascript如何控制Div的滚动条的位置？
参考技术A 通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。
示例 ：
<body>
//d1是外层div，带滚动条
<div id='d1' style='height:200px;width:100px;overflow:auto;background:blue;'>
<div style='height:500px;width:500px;background:yellow'>2222</div>
</div>
</body>
<script>
document.getElementById('d1').scrollTop=100;//通过scrollTop设置滚动到100位置
document.getElementById('d1').scrollLeft=200;//通过scrollTop设置滚动到200位置
</script>
以上是关于javascript中如可控制iframe的滚动条位置的主要内容，如果未能解决你的问题，请参考以下文章
如何在 HTML iFrame 中检测滚动条的存在（使用 Javascript）？