我正在制作投票系统。当用户点击一个类别为“投票”的链接时,一个投票框出现在点击链接的旁边。它看起来像这样的时刻:如何制作一个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。
完美 - 谢谢(我已经尝试过,但是在我的沙箱环境中,容器被放置在页面内容中而不工作)。 – Muleskinner
如果我可以建议。如果您的用户使用“X”太困难,请添加主体点击事件以隐藏#vote_container。 – ngen
谢谢 - 好主意,会这样做 – Muleskinner