javascript – 如何使div粘贴到另一个元素

我正在制作投票系统.当用户点击带有“投票”类的链接时,会出现一个投票框,只显示所点击的链接.目前看起来像这样：

我的问题是,如果滚动页面,则投票箱定位不正确.我希望它始终显示在链接下方,即使滚动页面也坚持链接.

我的容器样式如下：

#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" });

我甚至在jsFiddle创建了一个simplified example.

解决方法:

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

编辑：
另外,在css中我添加了display：none并且在函数中添加了$(‘#vote_container’).show()

标签：jquery,javascript,css,positioning,html
来源： https://codeday.me/bug/20190614/1236370.html