scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX 相对文档的水平座标
event.clientY 相对文档的垂直座标
event.offsetX 相对容器的水平坐标
event.offsetY 相对容器的垂直坐标
document.documentElement.scrollTop 垂直方向滚动的值
event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
以上主要指IE之中,FireFox差异如下:
IE6.0、FF1.06+:
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5:
clientWidth = width - border
clientHeight = height - border
offsetWidth = width
offsetHeight = height
分享到:
相关推荐
clientHeight offsetHeight scrollHeight clientWidth详解
NULL 博文链接:https://love2java.iteye.com/blog/403776
javascript中entHeight、offsetHeight 和scrollHeight的区别
Javascript拖拽用到的一些关于位置定位的一些参数
scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解 2009年12月14日,16:58:19 | ArthurXF ...(需要提一下:CSS中的margin属性,与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)
原生js实现弹跳小球 突发奇想,写了个小球... .offsetWidth 获取元素宽度 .offsetHeight 获取元素高度 setInterval() 定时器 上代码 整体使用原生js <style> //style样式 * { margin: 0; padding: 0;
很详细的解说了弹弹球的原理,我给的注释很多很详细,便于大家理解。 代码内的注释详细解说了距离...可以很清晰得看到offsetWidth,offsetHeight,document.body.clientWidth,document.clientHeight 这4个属性的用法。
4、封装一个函数set_position(),来确定每个图片的位置,用到了offsetHeight,offsetTop,offsetWidth等属性,同时给最大块也设置动态的高度,随着加载的图片数量增多,最大块的高度也随着增高。 5、使用 window....
需要获取div的高度时,往往需要用到offsetHeight,有时会碰到offsetHeight获取到为0的现象,感兴趣的朋友可以参考下面的代码片段
clientHeight,offsetHeight,scrollHeight,offsetParent和parentElement,offsetLeft.
此图片更加直观的显示了offsetHeight以及scrollHeight等的用法
在使用中,有时会碰到offsetHeight获取到为0的现象,但如果你用各种JS调试工具调试,又能在对象中看到值(如果直接指向offsetHeight是没值的,但如果是对象查看是有值的,在调试器中回车查看对象就已经刷新对象了,...
仿淘宝js放大镜效果 核心代码 malmg.onmouseover = function(){ showimg.style.display = "block"; bigimg.style.display = "inline"; show_half = showimg.offsetHeight/2; maxWidth = smalmg.clientWidth - ...
clientHeight,只读 clientHeight可以用公式 CSS height + CSS padding – 水平滚动条的高度 (如果存在) 来计算。 如图,这样一个div,它的clientHeight为95,计算:50(height)+30(padding-top)+30(padding-bottom)...
滚动滚动条 相应的值自动改变 对scrollTop scrollHeight offsetHeight不了解的 快下下来 学习吧 打开html一看 你就知道什么意思了 还能看源码 滚动滚动条 相应的值自动改变
[removed] function SetImgAutoSize(img) ... if(img.offsetWidth>MaxWidth)img.width=MaxWidth; if(img.offsetHeight>MaxHeight)img.height=MaxHeight; } [removed] <input id="fileSelect" type='file' />
要保留小数点后N位的问题,经过一番思索,终于解决了,这篇文章主要介绍了js输出数据精确到小数点后n位代码,感兴趣的朋友可以参考一下
javascript中可以通过四个属性获得元素的偏移量,offsetHeight、offsetWidth、offsetLeft、offsetTop,下面为大家解释下各属性的含义