javascript - 如何让 div 粘在另一个元素上

Question

我正在制作一个投票系统。当用户点击带有“投票”类的链接时，一个投票框出现在点击的链接上。目前看起来像这样:

我的问题是，如果页面滚动，则投票框的位置不正确。我希望它始终出现在链接下方，即使在滚动页面时也能坚持链接。

我的容器是这样设计的:

#vote_container {
    position: fixed;
    height: 82px;
    min-height: 83px;
    background-color: #e7edf3;
    border: 3px solid #d3d6d8;
    border-radius: 10px;
    left: 40%;
    margin-top: 6px;    
    padding: 10px;    
    text-align: left;
    top: 60%;
    z-index: 199;    
}

这是我用来定位容器的代码:

var pos = $(this).offset();
var width = $(this).width();        
$("#vote_container").css({ "left": (pos.left - 16) + "px", "top": (pos.top + 28) + "px" });

我什至创建了一个 simplified example在 jsFiddle。

Answer 1

将#vote_container 位置更改为绝对可以解决您的问题吗？ http://jsfiddle.net/xkNqG/9/

编辑:此外，在 css 中我添加了 display:none 并在函数中添加了 $('#vote_container').show()