【scroll offset & client总结】的更多相关文章

scroll offset & client总结

oEvent.clientX 是指鼠标到可视区左边框的距离. oEvent.clientY 是指鼠标到可视区上边框的距离. clientWidth  是指可视区的宽度. clientHeight  是指可视区的高度. clientLeft  是指左边框的宽度. clientTop  是指上边框的宽度. 获取可视区的宽高: document.documentElement.clientWidth document.documentElement.clientHeight offsetWidth …

Html 中scroll offset client 总结

HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度. scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:…

JavaScript中的 offset, client,scroll

在js 中我们要用到的 offset, client, scroll 在这我把自己理解的给大家分享一下. offset div.offsetTop 指div距离上方或上层控件的距离,单位像素 div.offsetLeft 指div距离左侧或上层控件的距离,单位像素 div.offsetWidth 指div 控件本身的宽度,单位像素 div.offsetHeight 指div 控件本身的高度,单位像素 混淆点 clientWidth 指对象看到的宽度,不包含border scrollWidth 是…

client/scroll/offset width/height/top/left ---记第一篇博客

client/scroll/offset width/height/top/left (盒模型为contentBox,定位原点是元素左上角边框最外层的交点) clientWidth  width+左padding+右padding(如果有竖滚动条,那么要减去17px)        clientHeight height+上padding+下padding(如果有横滚动条,那么要减去17px)        clientTop   border-top-width上边框宽度        cli…

offset/client/scroll一些总结

offset/client/scroll一些总结 1.offset 首先offset共有五个值 1.offsetParent 2.offsetTop 3.offsetLeft 4.offsetWidth 5.offsetHeight 先看代码示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio…

javascript中常用坐标属性offset、scroll、client

原文:javascript中常用坐标属性offset.scroll.client 今天在学习js的时候觉得这个问题比较容易搞混,所以自己画了一个简单的图,并且用js控制台里面输出测试了下,便于理解. 1.在文档(document)对象里面用: scrollWidth/Height:获取对象的滚动宽度(滚动条可以滚动的宽度,相当于整个页面的总宽度的样子--网页正文全宽) scrollLeft/Top:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离(页面利用滚动条滚动到右边时,隐藏在…

scroll、client和offset的区别

scroll.client和offset的区别:http://www.cnblogs.com/pcd12321/p/4448420.html…

三大家族(offset、scroll、client)

offset.scroll.client三大家族 offset家族 offsetWidth 与 offsetHeight offset 偏移 用于获取元素自身的位置和大小 offsetWidth和offsetHeight获取对象自身的的宽度/高度 offsetWidth = width + border + padding; offsetHeight = height + border + padding offsetHeight 与 style.height 的区别 得到的结果值不同 offs…

JS 中的offset、scroll、client总结

经常碰到offset.scroll.client这几个关键字,每次都要各种实验,这里总结一下. 两张图镇楼,随时翻阅 1. offset offset 指偏移,包括这个元素在文档中占用的所有显示宽度,包括滚动条.padding.border,不包括overflow隐藏的部分 offsetParent属性返回一个对象的引用,这个对象是距离调用offsetParent的父级元素中最近的(在包含层次中最靠近的),并且是已进行过CSS定位的容器元素. 如果这个容器元素未进行CSS定位, 则offsetP…

关于scroll、client、offset和style中的height、width、top以及bottom属性

内容和图片来自offset.scroll.client三大家族, 此处仅作记录使用 client offset scroll…