美图齐众专注资阳网站设计 资阳网站制作 资阳网站建设
资阳网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

三种方法实现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(滚动条)
本文URL:http://www.zsjierui.cn/article/djhhhcc.html

其他资讯