用javascript控制iframe滚动的代码

时间：2021-11-07 09:48:23|栏目：JavaScript代码|点击：次

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

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

demo.htm

  <iframe   name="in"   src="in.htm"></iframe>
  <div   align="center"   style="height:130px;width:243px;">
      <script>var   timer;</script>
      <br>
      <input   type="button"   value="up"
  onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(0,-1)',10)"
  onmouseup="clearInterval(timer1)">
      <input   type="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

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


  inx.htm

  <body   scroll=no>

上一篇：微信小程序实现弹出层效果

栏目：JavaScript代码

下一篇：微信小程序授权登录的优雅处理方式

本文标题：用javascript控制iframe滚动的代码

本文地址：http://www.codeinn.net/misctech/182716.html

更多JavaScript代码

JavaScript代码

用javascript控制iframe滚动的代码

阅读排行

推荐教程