原生JS和jQuery的offset,client,scroll对比
原生 offsetTop //获取元素距离带有定位父元素的位置(没有则以body) offsetLeft offsetWidth //获取元素自身的大小(宽度和高度) 包括了border 和padding offsetHeight offsetParent //返回带有定位的父盒子 没有则是body //返回的值不带单位 clientTop //返回元素上边框大小 clientLeft //返回元素左边框大小 clientWidth //包括padding不包括border 返回值不带单位 clientHeight //高度 document.documentElement.scrollTop //返回被卷去的高度,不带单位 //可读可写 document.documentElement.scrollLeft document.documentElement.scrollWidth //返回自身实际的宽度(滚动宽度),不含边框,不带单位 document.documentElement.scrollHeight window.pageYOffset //页面被卷去 //可读不可写 window.pageXOffset window.scroll(x, y) //滚动窗口至文档中的特定位置 window.scroll(0, 100) //不加单位 //已废弃被scrollTo替代