javascript - pageY on div with overflow-y

Question

我正在使用一个脚本来检测您的鼠标在悬停时进入的位置。

我正在尝试在 div 中使用脚本

overflow-y: scroll

脚本使用 pageY 检测相对于窗口的位置，有没有办法让 pageY 检测相对于包含的 div 的位置？

JS fiddle : http://jsfiddle.net/Q9r7M/38/

Answer 1

我不确定您在 jsfiddle 示例中尝试做什么，因为您没有对此进行解释。但只是为了回答你的问题，你只需要将鼠标位置( pageX & pageY )减去包含 <div> 的位置的 offset()位置然后添加 <div>滚动位置 ( scrollTop() & scrollLeft() )。

$('div').mousemove(function (e) {
    var offset = $(this).offset();
    var x = e.pageX - offset.left + $(this).scrollLeft();
    var y = e.pageY - offset.top + $(this).scrollTop();
});

检查这个jsfiddle .