HTML页面中元素之间的距离

Question

我正在使用HTML / CSS / jQuery / JS开发一个天文馆，而且还有一些我真的无法做到的事情。

我一直在寻找类似的东西，我偶然发现了this，这与我正在寻找的东西最相符。

基本上，我的观点是在一个计划中（水平地）代表太阳系（大部分），并且用户只会向右滚动以查看行星等。没有垂直滚动。

我创建了一个div，其中包含另一个名为＆＃34; point＆＃34; （宽度：1px，高度：1px）。我的观点是计算div＆＃34; point＆＃34;之间的距离。当用户滚动（实时）时，我的太阳中心（div名为＆＃34; sun＆＃34;）。

你能帮帮我吗？

干杯。

Answer 1

var sun = $("#sun").position(), point = $("point").position();
var dx = sun.x - point.x, dy = sun.y - point.y;
var distance = Math.sqrt(dx * dx + dy * dy);