如何讓一個固定元素包含在一個相對元素中？

Question

我有一個固定的元素（div），我想用我的頁面滾動。但是，當固定元素到達容器的末端（div）時，我希望它停止滾動頁面。

我想用CSS做這個，或者是jquery我最好的選擇？

Answer 1

元件與position:fixed相對於身體，而不是包含元素的位置。如果不使用JavaScript，你可能無法做到這一點。

Answer 2

您可以使用$(window).scroll()添加事件並比較div容器和固定元素的位置。

當它們相等時，將位置樣式從fixed切換到absolute，並相應地設置左側和頂部。當用戶回頭時，做相反的事情。