CSS захватывает позицию элемента

#javascript #css

#javascript #css

Вопрос:

Всем привет, может кто-нибудь показать мне, как я смогу захватить текущую позицию элемента?

Не делает многого. Все, что он демонстрирует, это нажатие кнопки и захват элемента, на который я хочу ссылаться.

Я хочу иметь возможность захватывать его текущую позицию, поэтому, когда я нажимаю кнопку, я могу отображать что-то поверх нее.

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

Ответ №1:

Если вы не хотите использовать jQuery, вы можете использовать

 element.getBoundingClientRect().top
  

Комментарии:

1. Да, спасибо, это также хороший способ избежать использования целой библиотеки для одной функции

Ответ №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>  

Надеюсь, это поможет

Комментарии:

1. Это идеально!! Idk, почему я не мог видеть метод position. Я отмечу это как ответ, когда истечет срок

Ответ №3:

CSS не является языком сценариев. Поэтому вам нужно будет использовать что-то вроде jQuery или ReactJS.