獲取窗口滾動中div的頂部偏移

Question

我正在嘗試使用此代碼獲取元素的頂部偏移量，但它無法正常工作，每次獲取相同位置都是108，盡管margin-top僅是100px，但位置不變

http://jsfiddle.net/np16jm3o/1/

$(function() {
        $(window).scroll(function() {
            var container= $("#container");
            console.log(container.offset().top);
        });
    });

HTML代碼：

<div id="container" style="float: left; width: 100%; background: #ccc; height: 1200px; margin-top: 100px;">

Answer 1

offset函數返回相對於文檔的位置，因此，這不僅是元素本身的偏移量，還包括其父元素的偏移量。 當您查看小提琴中的示例時，可以看到主體的邊距也為8像素，因此您已經看到了108像素。

如果您確實想獲得相對於其父級的偏移量，則可以減去父級的偏移量。 如果要獲取相對於頁面的位置，也可以使用.scrollTop函數獲取已經滾動的高度。