基于视图的DOM元素位置

Question

如何根据视图获取元素的位置？因此，当查看器滚动时，我得到不同的值。

首选jQuery。

Answer 1

你的意思是相对于可视窗口吗？

如果是这样，您可以使用以下内容：

 $("#element").offset().top - $(window).scrollTop()

这将返回一个正数，直到它滚出窗口，此时它将返回一个负数。

Answer 2

$(function() {
    $(window).scroll(function() {

        var pos = $('#button_id').offset(),
            top = pos.top - $(window).scrollTop(),
            lft = pos.left - $(window).scrollLeft();

        $("#where").html("Top: " + top + "\nLeft: " + lft);
    });   
});

Try it out with this jsFiddle

HTML类似于以下内容：

<div id="button_id">Button ID</div>
<div id="where"></div>

Answer 3

也许是这样的？

（jQuery的）

var pos = $('#button_id').position();
alert("POSITION: \nLeft: "+pos.left + "\nTop: " + pos.top);

来源：

http://blog.ekini.net/2009/01/30/jquery-find-position-the-exact-position-of-an-element-in-the-browser-window/

祝你好运，如果你编辑你的问题，也许我能够更好地帮助你