滚动正文后到鼠标坐标的位置答案

【问题标题】：position to mouse co ordinates after scrolling body滚动正文后到鼠标坐标的位置
【发布时间】：2014-07-15 07:01:57
【问题描述】：

如果我根据父 div 内的mouse co-ordinates 定位子 div，而不滚动正文，则子 div 被正确定位。现在，如果滚动主体以使父 div 仅可见，然后单击父级以定位子级，则不会定位子级。请提出一种方法，即使在滚动身体后我也能定位孩子。请在此Fiddle中找到相同的案例。在此先感谢

【问题讨论】：

查看这个答案：stackoverflow.com/questions/6307307/…

标签： javascript jquery html css mouse-coordinates

【解决方案1】：

这行得通：

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/

【讨论】：

【解决方案2】：

谢谢大家。 e.pageY 解决了我的问题，请参阅以下工作 Fiddle

【讨论】：

【解决方案3】：

正如在另一个答案中看到的，您可以在定义顶部时添加滚动偏移：

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

您的fiddle 已更新。

【讨论】：