首页 > Web开发 > 详细

css:offset,scroll,client的用法

时间:2017-02-09 12:51:49      阅读:213      评论:0      收藏:0      [点我收藏+]

1. offsetWidth:width + padding + border

 clientWidth:width + padding (不包含border)

 scrollWidth:大小是内容的大小

2. event.ClientX:鼠标相对于body的横坐标

 event.ClientY:鼠标相对于body的纵坐标

3.scrollTop: 被卷去的body的高

 scrollLeft: 被卷去的body的宽

1 /* 获取被卷去的高:IE9+ 最新浏览器|| 非怪异模式,火狐 || 怪异模式,谷歌*/
2  var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; 
1 /* 检测屏幕可视区域宽度:IE9+ 最新浏览器|| 非怪异模式,火狐 || 怪异模式,谷歌*/
2  var clientWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; 

 

4. window.scrollTo( x, y ):设置scrollLeft = x, scrollTop = y;

  

         

css:offset,scroll,client的用法

原文:http://www.cnblogs.com/hzp-blog/p/6381395.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!