div的位置/偏移量返回0

Question

这是我圈子的css

var bc = document.getElementById("balloon-circle");
var bctop = bc.offsetTop;
console.log(bctop);

这是javascript：

var bc = $("#balloon-circle");
var position = bc.position();
console.log(position.top);

我也试过了：

BETWEEN

但是，它们都返回0表示最高位置值。

为什么会这样？

Answer 1

在使用top之前，您需要将您的位置设置为“relative”或“absolute”。

http://www.w3schools.com/css/css_positioning.asp

#balloon-circle {
    width: 150px;
    height: 150px;
    background: rgb(255,100,100);
    -moz-border-radius: 150px;
    -webkit-border-radius: 150px;
    border-radius: 150px;
    position: relative;
    top:5px;
}