父div有位置时的错误pageY计算：relative

Question

当父div具有e.pageY css属性时，

position:relative没有给出正确的结果

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

同时结果似乎没有位置：父div的亲戚

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

Answer 1

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

没有＆＃34;位置时的offsetTop值：＆＃34;规则是158.一旦你添加＆＃34; position：relative;＆＃34;你的offsetTop将为0.为什么？我假设当没有位置时：相对而言它是相对于身体的偏移。对于position：relative，它相对于＆＃34; mydiv＆＃34;。

得到偏移量

此特定示例的解决方案：使用固定数字＆＃34; 158＆＃34;而不是＆＃34; vControl.offsetTop＆＃34;。

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