offsetheight的简单介绍
javascript中scrollTop和offsetTop有啥区别
网页正文全文宽： document.body.scrollWidth 网页正文全文高： document.body.scrollHeight 网页正文部分上： window.screenTop；网页正文部分左： window.screenLeft；{screenLeft和screenTop属性返回窗口相对于屏幕的X和Y坐标} offsetTop： 当前元素顶部距离最近父元素顶部的距离，和有没有滚动条没有关系。
scrolltop是jQuery中的一个方法，它可以设置 元素中滚动条的垂直偏移量。用法：scrollTop（） 方法返回或设置匹配元素的滚动条的垂直位置。scroll top offset 指的是滚动条相对于其顶部的偏移。如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。
scroll top offset 指的是滚动条相对于其顶部的偏移。如果该方法未设置参数，则返回以像素计的相对滚动条顶部的偏移。
offsetHeight： 这个东西就跟滚动条没关系了。他是指一个元素在加：height，时的值。上面的：id=”test”的div，他的offsetHeight是35px，这个没得很多解释，就是一个元素可以看见的高度。scrollTop：这个是指滚动条到滚动开始地方的高度（见图的解释）。
javascript 获取控件坐标实现方法如下：function getPos（o） //取元素坐标 { var x = 0， y = 0； do { x += o.offsetLeft； y += o.offsetTop； } while （o = o.offsetParent）； return { x： x， y： y }； }补充： scrollHeight： 获取对象的滚动高度。
offsetTop 只读，而 style.top 可读写。如果没有给 HTML 元素指定过 top 样式，则 style.top 返回的是空字符串。offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 也是同样道理。scrollHeight： 获取对象的滚动高度。
jquery怎么判断滚动条滚到页面底部并执行事件
1、在js标签内，使用scroll（）方法监听页面的滚动条，并执行function方法。在function方法内，使用if语句判断，当前滚动的位置（scrollTop（）是否到达页面的底部（$（document）.height（）-$（window）.height（），如果到达页面底部，提示“已经到底部了”。
2、若要想判断js window.scroll是否滚动到底部，需要用的三个属性值，它们分别是：scrollTop、clientHeight和scrollHeight；scrollTop为滚动条在Y轴上的滚动距离。clientHeight为内容可视区域的高度。scrollHeight为内容可视区域的高度加上溢出（滚动）的距离。
3、随之改变，但是jQuery（document）.height（）是不变的。
scrollTop和offsetTop的区别。
scrollTop是指某个可滚动区块向下滚动的距离，比如向下滚动了10个像素，那么这个元素的scrollTop属性值就是10；offsetTop则是元素的上边框与父元素的上边框的绝对距离。两者描述的不是同一个东西，所以没有可比性。
scrollTop是指某个可滚动区块向下滚动的距离，offsetTop则是元素的上边框与父元素的上边框的绝对距离。
element.scrollTop 返回该元素当前垂直滚动的距离，比如100（无单位）2）element.scrollTop = 100 将该元素垂直滚动的距离设置为100，注意100为绝对值，而不是相对值。
offsetTop是自身的y坐标；scrollTop是滚动过的y长度。
求CSS加遮罩的操作方法
．首先，看一下HTML，一个img图像控件和一个带有样式的div，其中包含文本。这个就是蒙版遮罩层。2．然后，查看样式定义。先检查图像容器和图像样式，如图所示。其中要注意的是img_container样式里定义了position：relative，这个主要是为了遮罩层做绝对定位做准备的。3．接着，查看遮罩层的样式定义。
具体解决方案如下：IE和FF下document.body对象的clientHeight，offsetHeight，scrollHeight属性的差别。clientHeight 在IE和FF下，该属性没什么差别，都是指浏览器的可视区域，即除去浏览器的那些工具栏状态栏剩下的页面展示空间的高度。
首先看看HTML、一个img图像控件和一个带掩码样式的div，其中包含文本。这是蒙版层。然后，查看样式定义。首先，查看图像容器和图像的样式，如图所示。这主要是准备我们的绝对定位口罩。看看蒙版层的样式定义。代码如图所示。背景：rgba（0，0，0，0.7）；透明度可以通过修改后面的0.7号来改变。
、半透明效果可以使用 css3 中的 opacity 属性，在低版本的IE浏览器中使用IE的alpha 滤镜。