用javascript控制iframe滚动的代码

2016-02-19 10:10 7 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的用javascript控制iframe滚动的代码,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - Web开发 】

现在有一个横向的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   style="text-align:center"   style="height:130px;width:243px;"     
      scriptvar   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   

  br0br0br0br0br0br0br0br0br0br0br0br0br0br0br0br0

 

横向滚动..   

  demox.htm   

  iframe   name="in"   src="inx.htm"/iframe   
  div   style="text-align:center"   style="height:130px;width:243px;"     
      scriptvar   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 

来源:http://www.tulaoshi.com/n/20160219/1593651.html

延伸阅读
标签: Web开发
程序代码 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" / title滚动新闻类...
标签: Java JAVA基础
我们一般都用Marquee标签控制元素的滚动。但是单向的Marquee滚动是不连续的,每滚完一幕,就会出现一次空白。而下面介绍中的滚动则是连续的,毫不间断。 下面小阳为你介绍这是如何实现的。 为了滚动能够“连续”,我们需要将字幕的内容复制多遍,直到内容的高度不小于滚 动区高度的两倍。然后我们将溢出的滚动条隐藏掉,用代码控制滚...
标签: Web开发
该文也可以说是一个iframe自适应大小的折中解决办法。iframe出现滚动条的原因是,body里面的内容的高度大于了iframe的高度,所以会出现滚动条。 解决办法: 采用Jquery从iframe嵌套的页面中获取一个高度值,在iframe的父窗口中的onload事件中更新iframe的高度。 具体实现代码: 父页面: script type="text/jav...
标签: Web开发
看到这个题目,或许有人会提出疑问,JavaScript代表客户端,而Session代表的是服务器(不知道这样说大家是否能够理解)。 先说一下需求,我在做一个权限管理的时候,需要在点击某个模块时,Session中相应的改变模块代号,而实现这个操作的是一个a标签,当然我不知道 一个linkbutton是否可以同时将跳转页面和修改Session做了,个人感觉应该是可...
标签: Web开发
Untitled Document [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

经验教程

204

收藏

72
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部