javascript - 当父 div 的位置为 :relative 时，pageY 计算错误

Question

e.pageY当父 div 具有 position:relative css 属性时，不会给出正确的结果

演示:http://codepen.io/anon/pen/mDBzy

同时，没有父 div 的 position:relative 结果似乎没问题:

#mydiv{
  width: 100%;
  height: 250px; 
  /* position: relative; */
}

Answer 1

正如我想象的那样……e.pageY 工作正常。

没有“position:”规则时的 offsetTop 值为 158。只要添加“position:relative;”您的 offsetTop 将为 0。为什么？我假设，当没有 position:relative 时，它​​会获得相对于 body 的偏移量。使用 position:relative，它获得相对于“mydiv”的偏移量。

此特定示例的解决方案:使用固定数字“158”代替“vControl.offsetTop”。

也许更有经验的人会更好地解释并提供最佳解决方案。