Heim > Web-Frontend > js-Tutorial > 用javascript控制iframe滚动的代码_javascript技巧

用javascript控制iframe滚动的代码_javascript技巧

WBOY
Freigeben: 2016-05-16 19:15:16
Original
996 Leute haben es durchsucht

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

用javascript控制iframe滚动的代码_javascript技巧   
  用javascript控制iframe滚动的代码_javascript技巧   
     

 

demo.htm   

     
  

     
      <script>var timer;</script>   
      
   
        onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(0,-1)',10)"     
  onmouseup="clearInterval(timer1)">   
        onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(0,1)',10)"   
  onmouseup="clearInterval(timer1)"   >   
  
   

    
  in.htm   

  
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
0
 

横向滚动..   

  demox.htm   

     
  
     
      <script>var timer;</script>   
      
   
        onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(-1,0)',10)"     
  onmouseup="clearInterval(timer1)">   
        onmousedown="timer1=setInterval('parent.frames[\'in\'].scrollBy(1,0)',10)"   
  onmouseup="clearInterval(timer1)"   >   
  
   

    
  inx.htm   

   
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage