固定父div中div的效果,但页面滚动时位置粘在屏幕上

时间:2012-05-24 06:00:35

标签: javascript jquery css

我希望DIV元素是固定的,但相对于父DIV,因为屏幕调整大小,固定的DIV将随父母移动/调整大小而移动,所以当你向下滚动页面时它会坚持到那个位置。据我所知,当使用位置固定在css上时,它将相对固定在整个屏幕上,因此固定div的位置将相对于屏幕的大小。我想要的是,即使你滚动页面,它仍然坚持或让DIV保持在屏幕的那个位置,但它的位置将相对于它的父DIV容器。有没有办法在CSS / Javascript / jquery上做到这一点?

注意:效果应该像位置:固定在滚动页面时DIV不会移动的位置。

非常感谢任何答案。

1 个答案:

答案 0 :(得分:0)

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

Here 是演示。

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

希望这有帮助