在窗口滚动上获得div的顶部偏移量

Question

我正在尝试使用此代码获取元素的顶部偏移但是它没有工作它每次获得相同的位置是108并且没有变化虽然margin-top只有100px

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

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

HTML code：

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

Answer 1

offset函数返回相对于文档的位置，因此这不仅是元素本身的偏移量，还包括其父元素的偏移量。 当你在你的小提琴中看你的例子时，你可以看到身体的边距也是8像素，因此你已经看到了108px。

如果您确实希望获得相对于其父级的偏移量，则可以减去父级的偏移量。如果你想获得相对于页面的位置，你也可以使用.scrollTop函数来获得你已经滚动的高度。