如何在Javascript中获取图像的垂直位置？ （就该文件而言）

Question

我正在尝试动态获取JavaScript中与屏幕/文档相关的图像的Y位置。 我怎样才能做到这一点？在AC3中有什么类似的地方可以做到： getProperty(obj, _x)？

Answer 1

将图片id替换为图片的y或top位置：

<强> JS：

var offsets = document.getElementById('image_id').getBoundingClientRect();
                                 //HERE^
var top = offsets.top;

Jquery：如果您使用jquery库，请执行：

$(document).ready(function(){
    var position = $("#image_id").position();
    var top = position.top;
}); 

Answer 2

element.getBoundingClientRect()将返回一个对象，其中包含元素顶部，底部，左侧和右侧的值。

要获取元素的y位置，只需执行element.getBoundingClientRect().top。