根据页面滚动固定div

Question

我正在为朋友开发一家商店，并且当用户在其后滚动时，希望修复“添加到购物车的DIV”问题。由于我还远不是CSS专家，因此我面临着问题。

我试图使用JS在div上添加“ position：fixed”，但是我不能这样做，因为div具有相对位置，并且对其进行更改会导致固定所有div元素的混乱

this is the link

这是我要固定的div（div ID为rightcol）：

我也想让div在页脚之前停止

预先感谢

Answer 1

使用此属性可使div在滚动时保持粘性

<a class="text-dark" href="">become a driver</a>
<a class="text-dark" href="">driver</a>

<a href="">become a driver</a><br/>
<a href="">driver</a>

标题是您的网站也很粘。您可以使用有效的属性

Answer 2

您可以使用StatefulWidget。粘性元素相对于其父元素充当固定元素。它将固定在其父级提供的空间中。

所以为了您的项目。您需要以这样的方式重组HTML，以使粘性元素应该有足够的空间来在该区域中充当固定元素。