从零玩转jQuery（四）之jQuery位置和尺寸操作和scrollTop()方法

一、jQuery位置和尺寸操作的方法

1、offset方法

获取元素距离窗口的偏移位

//获取class名为father左边距离窗口的偏移位$(\'.father\').offset().left//设置$(\'.son\').offset({left:0})

2、position方法

获取元素距离定位元素的偏移位

//获取class名为father左边距离定位元素的偏移位$(\'.father\').position().left//设置$(\'.son\').position({left:100})//注意：不起作用//可以用css()方法代替：$(\'.son\').css({left:100})

二、jQuery的scrollTop()方法

1、获取

console.log($(\'div\').scrollTop())// 获取浏览器滚动条具体顶部的偏移写法              console.log($(\'html\').scrollTop()+$(\'body\').scrollTop())

2、设置

$(\'div\').scrollTop(100)// 为了保证浏览器兼容性，设置网页滚动偏移位的时候必须这么写：$(\'html,body\').scrollTop(200)