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

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

在康巴什等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供成都网站制作、网站建设 网站设计制作按需求定制设计,公司网站建设,企业网站建设,品牌网站建设,成都营销网站建设,外贸网站制作,康巴什网站建设费用合理。

用Javascript控制ScrollBar(滚动条)

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

方法一:用scroll方法实现

 
 
 
  1.    
  2.    

方法二:用scrollBy方法实现

 
 
 
  1.    
  2.    
  3.  

方法三:用scrollTo方法实现

 
 
 
  1.    
  2.    
  3.  

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

【编辑推荐】

  1. 使用Javascript巧妙获取滚动条位置
  2. JavaScript fixed()方法语法浅析
  3. IE6.0中使用Javascript支持png格式图片
  4. Javascript中CSS属性float特殊写法
  5. Javascript巧妙解决img做网站异常提交问题

分享文章:三种方法实现Javascript控制ScrollBar(滚动条)
转载注明:http://www.gawzjz.com/qtweb/news0/195050.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联