使用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演示 。

Answer 2

使用偏移來計算子div與父div的距離，