用javascript控制iframe滚动的代码

时间:2021-05-18

现在有一个横向的IFRAME,需要通过点击iframe外的一个图片来横向滚动iframe内的一个html页,但又不想让看见iframe的滚动条,请问如何解决啊????

<imgsrc="demo.gif"onmousedown="window.timer=setInterval('a.document.body.scrollTop++',10)"onmouseup="clearInterval(window.timer)">
<imgsrc="demo.gif"onmousedown="window.timer=setInterval('a.document.body.scrollTop--',10)"onmouseup="clearInterval(window.timer)">
<iframename=asrc="test.html"scrolling=no></iframe>



demo.htm

<iframename="in"src="in.htm"></iframe>
<divalign="center"style="height:130px;width:243px;">
<script>vartimer;</script>
<br>
<inputtype="button"value="up"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(0,-1)',10)"
onmouseup="clearInterval(timer1)">
<inputtype="button"value="down"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(0,1)',10)"
onmouseup="clearInterval(timer1)">
</div>


in.htm

<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<br>0<



横向滚动..

demox.htm

<iframename="in"src="inx.htm"></iframe>
<divalign="center"style="height:130px;width:243px;">
<script>vartimer;</script>
<br>
<inputtype="button"value="Left"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(-1,0)',10)"
onmouseup="clearInterval(timer1)">
<inputtype="button"value="Right"
onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(1,0)',10)"
onmouseup="clearInterval(timer1)">
</div>


inx.htm

<bodyscroll=no>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章