Question

我想找到一些计算的div位置。我正在尝试以下方案，它可以在Chrome浏览器中使用

$('#menuFinder').offset().top;//First

document.getElementById('menuFinder').getBoundingClientRect();//Second

$("#menuFinder").position();//Third

但这两个代码都不能在Mozilla浏览器中使用。

Answer 1

您可以在jquery中使用.position()： -

var position = $('#menuFinder').position(); //here position will be object having .left and .top properties.

position.left和position.top 将具有所需的div坐标。

Fiddle Working Demo

编辑： -

完整代码： -

＆＃13;

$(document).ready(function(){
  var position = $('#menuFinder').position(); 
  $('span').text("Left:" + position.left + "    Top:" + position.top);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>

<div id="menuFinder">Test</div>
<span></span>

＆＃13;

Answer 2

请查看以下代码

$(document).ready(function(){
  x=$("#menuFinder").position();
  alert("Top position: " + x.top + " Left position: " + x.left);
});

在Mozilla firefox浏览器中找到div位置

2 个答案: