滚动身体后鼠标坐标的位置

Question

如果我根据父div内的mouse co-ordinates定位子div，而不滚动身体，则说明该孩子的位置正确。 现在，如果滚动正文以使父div可见，然后单击父项以定位子项，则不会定位子项。 请提出一种方法，使我即使在滚动身体后也能够定位孩子。 请在此小提琴中找到相同的情况。

Answer 1

从另一个答案中可以看出，可以在定义顶部时添加滚动偏移量：

$('.b').css('top',e.clientY + document.body.scrollTop);

您的小提琴更新了。

Answer 2

这有效：

e.clientY =光标在窗口上的位置Y

$('.a').offset().top = .a区域顶部在文档正文中的位置（如果需要更改.a margin-top ，则最好减去此值）。

$(window).scrollTop() =您滚动的距离

$(document).ready(function(){
    $('.a').on('click',function(e){
        var positionClick =  e.clientY - $('.a').offset().top + $(window).scrollTop();
        $('.b').css('top',positionClick);
    });
});

演示：

http://jsfiddle.net/8N63U/1/

Answer 3

谢谢大家 我的问题得到了解决与e.pageY请参考以下工作小提琴