CSS : 如何将绝对 div 添加到可滚动背景？
CSS : How to add an absolute div to a scrollable background?
我想添加一个 div 到可滚动的背景，您可能会找到我现在拥有的脚本 here。
我有一个问题，因为当我添加一个框时，它被绘制到 window canvas，但实际上我想将它绘制到背景 #wrapper，并且留在添加 div 的确切位置。
例如，如果我在某个位置（例如 images[0]）单击，它将绘制在右上角周围。但是，当我开始滚动背景时，添加的 div 将保持在同一位置。我希望 div 只绘制在 images[0] 所在的位置，所以如果我开始滚动，它仍然只会绘制在 images[0].
的位置
在 css 中，我尝试通过将宽度分配给 #wrapper 的 100% 来做到这一点，如下所示，但它仍然不起作用...
#wrapper{
width: 100%;
}
因此，我也想知道这是我的JS问题还是CSS...
谢谢 :)))
将 position: relative 添加到可滚动元素将解决该问题。
当您放置绝对 div(s) 时，请确保将其放置在位置设置为 relative 的 parent 中。这样你就可以可靠地控制你的绝对childdivs.
的位置
您的Javascript没有问题。
只需将 position:relative 设置为您的 #wrapper div。一切都应该按预期工作。
看到这个fiddle：
https://jsfiddle.net/davidsekar/38ebkd05/
除了已经指向的内容（将包装器设置为相对的），您还需要将框设置为绝对的：
jsfiddle.net/783xjudm/3
这将使盒子相对于第一个相对父级（包装器）保持绝对，而不是固定在视口中或相对于主体。
我想添加一个 div 到可滚动的背景，您可能会找到我现在拥有的脚本 here。
我有一个问题，因为当我添加一个框时，它被绘制到 window canvas，但实际上我想将它绘制到背景 #wrapper，并且留在添加 div 的确切位置。
例如，如果我在某个位置（例如 images[0]）单击，它将绘制在右上角周围。但是，当我开始滚动背景时，添加的 div 将保持在同一位置。我希望 div 只绘制在 images[0] 所在的位置，所以如果我开始滚动，它仍然只会绘制在 images[0].
在 css 中，我尝试通过将宽度分配给 #wrapper 的 100% 来做到这一点，如下所示，但它仍然不起作用...
#wrapper{
width: 100%;
}
因此，我也想知道这是我的JS问题还是CSS...
谢谢 :)))
将 position: relative 添加到可滚动元素将解决该问题。
当您放置绝对 div(s) 时，请确保将其放置在位置设置为 relative 的 parent 中。这样你就可以可靠地控制你的绝对childdivs.
的位置您的Javascript没有问题。
只需将 position:relative 设置为您的 #wrapper div。一切都应该按预期工作。
看到这个fiddle： https://jsfiddle.net/davidsekar/38ebkd05/
除了已经指向的内容（将包装器设置为相对的），您还需要将框设置为绝对的：
jsfiddle.net/783xjudm/3
这将使盒子相对于第一个相对父级（包装器）保持绝对，而不是固定在视口中或相对于主体。