Question

嘿，每个人都可以告诉我如何能够抓住元素的当前位置？

没有做太多事情。所有它演示的是一个按钮点击并抓取我想要参考的项目。

我希望能够抓住它的当前位置，所以当我点击一个按钮时，我可以在它上面显示一些内容。

https://jsfiddle.net/Lkmjzy9d/ ignore this <code block> apparently this needs to be here when displaying a jsfiddle link??? idk....

Answer 1

如果您不想使用jQuery，可以使用

element.getBoundingClientRect().top

Answer 2

你可以使用jQuery position（）获取元素位置请检查以下代码段

$(document).ready(function(){
  var element = $("#Randomitem");
          console.log(element.position());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="myFunction()" id="myButton">Click Me</button>
      <span id="Randomitem">Random Item</span>

希望这有帮助

Answer 3

CSS不是一种脚本语言。因此，您需要使用jQuery或ReactJS之类的内容。

CSS抓住元素的位置

3 个答案: