码迷,mamicode.com
首页 > 其他好文 > 详细

scroll家族

时间:2016-10-05 15:31:45      阅读:102      评论:0      收藏:0      [点我收藏+]

标签:

scroll家族  

 Offset  自己的   偏移  

 scroll   滚动的 

 

scrollTop    scrollLeft

 scrollTop     被卷去的头部  

 它就是当你滑动滚轮浏览网页的时候网页隐藏在屏幕上方的距离

 

怎么得到scrollTop

页面滚动效果  

window.onscroll = function() { 页面滚动语句  }

 

谷歌浏览器 和没有声明 DTD  <DOCTYPE > :  

 

  document.body.scrollTop;  

 

火狐 和其他浏览器   

scrollTo(x,y)

window.scrollTo(15,15);

方法可把内容滚动到指定的坐标。

格式:

scrollTo(xpos,ypos)

xpos 必需。要在窗口文档显示区左上角显示的文档的 x 坐标。

ypos必需。要在窗口文档显示区左上角显示的文档的 y 坐标

因为我们的网页大部分都没有水平滚动条,所以,这个x 不太常用。

 

  document.documentElement.scrollTop;

 

 ie9+  和 最新浏览器   都认识

 

  window.pageXOffset;     pageYOffset  scrollTop

 

 兼容性写法:

技术分享

 

scroll家族

标签:

原文地址:http://www.cnblogs.com/Abner5/p/5932176.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!