javascript - 修复了父 div 中 div 的效果，但随着页面滚动，位置停留在屏幕上

Question

我想要一个固定的 DIV 元素，但相对于父 DIV，因为随着屏幕大小的调整，固定的 DIV 将随着父元素的移动/调整大小而移动，因此当您向下滚动页面时，它将固定在该位置。据我所知，当在 css 上使用 position fixed 时，它会相对固定到整个屏幕，因此该固定 div 的位置将相对于屏幕的大小。我想要的是坚持或让 DIV 停留在屏幕的那个位置，即使你滚动页面，但它的位置将相对于它的父 DIV 容器。有什么方法可以在 CSS/Javascript/jquery 上做到这一点吗？

注意:效果应该类似于 position:fixed 滚动页面时 DIV 不会移动的位置。

非常感谢任何答案。

Answer 1

你可以使用position: absolute。您应该将 div 嵌套在父 div 中。分配 top: 0, left: 0。

Here 是演示。

如果您希望 div 固定在某个位置， Here 是演示。

希望对你有帮助