猎酷网

实现Javascript控制ScrollBar(滚动条)

2013-04-12 0人评论 740次浏览 分类:Js/Jquery特效

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

用Javascript控制ScrollBar(滚动条)

以下都是默认自动滚动到底部,需要滚动到顶部只需将document.body.scrollHeight换为0.

方法一:用scroll方法实现

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

方法二:用scrollBy方法实现

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

方法三:用scrollTo方法实现

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

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


顶一下
(0)
0%
踩一下
(0)
0%

发表评论共有0访客发表了评论

    暂无评论,快来抢沙发吧!

我来说几句吧

验证码: 看不清楚?