Question

请在fiddle链接

中查看我的代码

代码：

<body>
  <div id="content" style="width:400px; height:110px;">
     <svg id="circle" height="300" width="300">
        <circle cx="150" cy="150" r="40" stroke="black" stroke-width="3" fill="red" />
      </svg>
    </div>
 <div>     
 <button onclick="myFunction()">Click me</button>

 function myFunction() {
        var a = $(document.getElementById("circle")).offset().top;
        alert(a);
    }

当我运行时，我在笔记本电脑和台式机的所有浏览器中都获得0值，但最高价值只能在firefox中变化（在桌面而不是一圈）...请提供更好的解决方案..

如何解决这个问题？

Answer 1

使用下面的代码。在FIDDLE

上查看演示

function myFunction() {
    var a = $("#circle").offset().top;
    alert(a);
}

桌面firefox中的偏移值有所不同

1 个答案: