Home思洋影视事业部网站建设知识库
0 Comments

三种方法实现Javascript控制ScrollBar(滚动条)

发布于：2013-12-05  |   作者：广州网站建设  |   已聚集：人围观

本文向大家重点讲解一下ScrollBar(滚动条)的控制，这里提供了三种方法来实现用Javascript控制ScrollBar(滚动条)，希望通过本文的学习你对控制滚动条的方法有深刻的认识。

用Javascript控制ScrollBar(滚动条)

以下都是默认自动滚动到底部，需要滚动到顶部只需将document.body.scrollHeight换为0.
广州网站建设,网站建设,广州网页设计,广州网站设计

方法一：用scroll方法实现



    
	
  1. 
		<body onload="scroll(0,document.body.scrollHeight) ">   
    2. 
	
  2. 
		<script>   
    3. 
	
  3. 
		document.write(new Array(100).join("<br>"))   
    4. 
	
  4. 
		</script>   
    5. 




	方法二：用scrollBy方法实现




    
	
  1. 
		<body onload="scrollBy(0,document.body.scrollHeight) ">   
    2. 
	
  2. 
		<script>   
    3. 
	
  3. 
		document.write(new Array(100).join("<br>"))   
    4. 
	
  4. 
		</script>   
    5. 
	
  5. 
		 
    6. 




	方法三：用scrollTo方法实现




    
	
  1. 
		<body onload="scrollTo(0,document.body.scrollHeight)">   
    2. 
	
  2. 
		<script>   
    3. 
	
  3. 
		document.write(new Array(100).join("<br>"))   
    4. 
	
  4. 
		</script>   
    5. 
	
  5. 
		 
    6. 




	如果是在框架中，需要控制框架的ScrollBar,那么要加parent，例如parent.scrollTo(0,0);

	广州网站建设,网站建设,广州网页设计,广州网站设计


			

			

					 标签：
					 
			

		
		
			  
	  
 
	

	 
	

	





	
	



飞机