offsettop，offsettop和scrolltop的区别
页面滚动导致JavaScript坐标偏移的解决方法是获取页面滚动距离offsettop，并将其添加到计算后的坐标中进行修正具体分析如下问题根源页面滚动改变offsettop了元素相对于视口viewport的位置offsetTop和offsetLeft等属性获取的是元素相对于其父元素的偏移量，而非相对于整个页面的位置当页面滚动时，若直接使用这些属性。
offsetLeft 和 offsetTop 获取的是元素相对于其 offsetParent 元素的左上角偏移量单位为像素，而非直接相对于浏览器窗口或文档的偏移量具体特性如下1 核心定义offsetLeft元素左侧外边框到其 offsetParent 左侧内边框的距离offsetTop元素顶部外边框到其 offsetParent 顶部内边框的距。
典型表现绘制位置偏离鼠标点击点，且偏离量随距离画布原点左上角的距离增大而增加容器偏移未补偿若未正确计算Canvas容器相对于视口的偏移量如offsetLeftoffsetTop，鼠标坐标转换会包含容器外的偏移值，导致位置错误二解决方案与代码实现1 同步画布尺寸与CSS显示尺寸关键步骤通过JavaScript。
topexpressionevaldocumentElementscrollTop+照字面意思来看，应该是这样的意思1top 说的是距离顶部距离，比如相对于屏幕，框架，层等对象应该是样式设置2expression是 一个函数，不知道它是怎样具体实现的，反正最后返回一个数值3eval是一个。
如果在 DOM 结构中的某个 DOM 节点使用offsettop了 vif vshow 或者 vfor 即根据获取到的后台数据来动态操作 DOM，即响应式，那么这些 DOM 是不会在 mounted 阶段找到的mounted 阶段，一般是用于发起后端请求，获取数据，配合路由钩子做一些事情简单来说就是在 mounted 钩子中加载。
scrollTop是指某个可滚动区块向下滚动的距离，offsetTop则是元素的上边框与父元素的上边框的绝对距离1offsetTop offsettop？ offsettop？ 当前对象到其上级层顶部的距离不能对其进行赋值设置对象到页面顶部的距离请用styletop属性2offsetLeft ？ ？当前对象到其上级层左边的距离不能对其进行赋值设置对象到页面。
相关标签 :
eval
