本文目录一览：
- 1、offsetTop获取的值不正确
- 2、scrolltop和offsettop都是只读
- 3、解决获取offsetParent为null,offsetTop为0的问题
- 4、在Javascript中scrollTop和offsetTop两个属性都代表什么意思,谢谢_百度...
- 5、html中的offsetTop的使用
- 6、javascript中scrollTop和offsetTop有啥区别
offsetTop获取的值不正确
scrollTop是指某个可滚动区块向下滚动的距离，比如向下滚动了10个像素，那么这个元素的scrollTop属性值就是10。 offsetTop则是元素的上边框与父元素的上边框的绝对距离。 两者描述的不是同一个东西，所以没有可比性。
如果在 DOM 结构中的某个 DOM 节点使用了 v-if 、 v-show 或者 v-for （即根据获取到的后台数据来动态操作 DOM，即响应式），那么这些 DOM 是不会在 mounted 阶段找到的。
().offset().top；这样获取。
offsettop是相对的距离高度，而scrolltop是绝对的距离高度（类似于position中的absolutely和relative）；是。
你的代码没有呃 我估计你写错了吧 你将这行代码放到浏览器地址栏中，按回车 javascript：alert(document.getElementById(answer-editor).offsetTop)你会发现弹出值了。这个是这个编辑框里外面框的距离。-offsettop
1) offset()；方法获取的元素相对于当前document元素的位置，可以将其理解为一个绝对位置 2) offsetTop为一个元素相对于器offsetParent的top位置。
scrolltop和offsettop都是只读
scrollTop是指某个可滚动区块向下滚动的距离，offsetTop则是元素的上边框与父元素的上边框的绝对距离。
offsetTop是自身的y坐标；scrollTop是滚动过的y长度。
p.offsetLeft = 100；p.style.left = 100px(3)offsetLeft 和 offsetTop 只读，而 style.left 和 style.top 可读写(只读是获取值，可写是赋值)(4)如果没有给 HTML 元素指定过 top 样式，则style.top 返回的是空字符串。-offsettop
解决获取offsetParent为null,offsetTop为0的问题
1、你将这行代码放到浏览器地址栏中，按回车 javascript：alert(document.getElementById(answer-editor).offsetTop)你会发现弹出值了。这个是这个编辑框里外面框的距离。-offsettop
2、在使用中，有时会碰到offsetHeight获取到为0的现象，但如果你用各种JS调试工具调试，又能在对象中看到值（如果直接指向offsetHeight是没值的，但如果是对象查看是有值的，在调试器中回车查看对象就已经刷新对象了，所以有值。-offsettop
3、则offsetParent属性的取值为根元素(在标准兼容模式下为html元素；在怪异呈现模式下为body元素)的引用。 当容器元素的style.display 被设置为 none时（IE和Opera除外），offsetParent属性 返回 null。-offsettop
4、mounted 阶段，一般是用于发起后端请求，获取数据，配合路由钩子做一些事情。简单来说就是在 mounted 钩子中加载数据而已，加载回来的数据是不会在这个阶段更新到 DOM 中的。
5、offsetTop ：元素到offsetParent顶部的距离 offsetParent ：距离元素最近的一个具有定位的祖宗元素（relative，absolute，fixed），若祖宗都不符合条件，offsetParent为body。-offsettop
6、两个感叹号的作用是：判断 o 是否为为空，当 o 的值为空时就是false，非空就为true，这样就不会出现while(null)这样的问题了。你用 alert(！o)； alert(！null)； alert(！Hello)；这三个语句试一下就明白了。-offsettop
在Javascript中scrollTop和offsetTop两个属性都代表什么意思,谢谢_百度...
scrollTop是指某个可滚动区块向下滚动的距离，offsetTop则是元素的上边框与父元素的上边框的绝对距离。
offsetTop是自身的y坐标；scrollTop是滚动过的y长度。
scrollTop是指某个可滚动区块向下滚动的距离，比如向下滚动了10个像素，那么这个元素的scrollTop属性值就是10；offsetTop则是元素的上边框与父元素的上边框的绝对距离。两者描述的不是同一个东西，所以没有可比性。-offsettop
2）element.scrollTop = 100 将该元素垂直滚动的距离设置为100，注意100为绝对值，而不是相对值。
top：expression(eval(documentElement.scrollTop+document.documentElement.offsetHeight))照字面意思来看，应该是这样的意思：1。top： 说的是距离顶部距离，比如相对于屏幕，框架，层等对象。应该是样式设置。2。-offsettop
html中的offsetTop的使用
1、首先在html页面上，看到有一个按钮，要获得这个按钮离顶部的距离。在按钮的事件函数里，先取这个按钮的offset数据，通过jquery的offset方法。得到的结果是一个数组对象，只要获取里面的top数据就行了。-offsettop
2、div.offsetTop是div的上边框与带有定位属性（相对定位、绝对定位、固定定位）的父元素（如果父元素不是定位元素，则继续上溯所有祖先元素直到body）的上边框之间的绝对距离，它是个数值，单位是像素，比如100就是100像素。-offsettop
3、3．offsetTop 只读，而 style.top 可读写。 4．如果没有给 HTML 元素指定过 top 样式，则 style.top 返回的是空字符串。
javascript中scrollTop和offsetTop有啥区别
1、scrollHeight： 获取对象的滚动高度。
2、document.body.scrollTop（scrollLeft）：浏览器窗口顶部与文档顶部之间的距离（浏览器窗口与文档左侧之间的距离），也就是滚动条滚动的距离。
3、本文涉及的到的知识有元素长宽 clientWidth/offsetWidth/scrollWidth 的区别、以及 clientTop/offsetTop/scrollTop 的区别，并给了获取元素坐标的源代码。-offsettop
