使用jQuery检测div顶部的滚动距离，而不是从页面顶部检测滚动距离

Question

所以这是交易。我在我的页面上有一个div（称为div.container用于故障排除），它将保存来自数据库的动态加载内容（使用PHP加载）。我想从div.container的顶部检测用户的滚动位置，而不是从页面顶部检测。请注意，div.container不是位于页面顶部，而是一个子div，其位置大约距离页面顶部50px。我希望以像素为单位获得滚动距离。

我试过这个没有成功：

$("div.container").scrollTop();

除此之外，我真的不知道从哪里开始。任何帮助都非常感激。非常感谢。

Answer 1

您需要获取窗口scrollTop()并减去'.container' offset()最高值：

$(window).scroll(function(){
    var posTop = $(window).scrollTop() - $('.container').offset().top
});

请参阅此jsfiddle demo。

Answer 2

使用偏移来计算子div与父div的距离