UI-Draggables随容器移动

Question

我做了a single page site（它可能无法在任何浏览器中运行，它仍在构建中），具有固定的背景图片。我有几个硬币，我希望用户拖动（如果他将它们放入盘子，音乐将播放）。问题：当用户滚动网站时，它们相对于鼠标的位置会发生变化。那是因为它们被附加到容纳滚动部分的同一容器中。他们的立场是固定没有帮助。

我试图将洞穴物品包裹在（位置：固定）容器中并将硬币附加到它，但滚动不起作用。我怎么做这样的事情？

提前致谢， 塞巴斯蒂安

Answer 1

将您的硬币对象设置为position：relative;并设置顶部和左侧。试试这个：

#coin3{
position:relative;
left: -16px;
top: -5143px;
}

顺便说一句，漂亮的设计和想法！ 我喜欢scoll scolls：）

Answer 2

overflow: auto的css中的html,body导致问题。如果您删除此行，您的硬币将按预期运行。

当然，这会让你的背景再次滚动。