javascript - 如何保持 div 位置固定但它仍然可以滚动？

Question

大家

我正在制作新闻提要之类的东西。

我尝试以这样一种方式来做到这一点:当用户将正文滚动到某个级别时，会弹出一个类别选项，设置在 div 中，如下所示 Category div example并且它的位置是固定的，因此当向上滚动时它不会消失。

现在，有另一个 div，所有新闻都像这样显示 News div example

但问题是我希望新闻 div 也得到修复，这样它就不会越过类别选项 div，而是应该淡出类别 div 下面，但是当我尝试设置新闻提要 div 位置固定时，div 没有更多滚动和新闻的其余部分无法阅读，但当我保持新闻 div 相对或绝对位置时，新闻 div 会像这样在类别 div 之上 problem screenshot

我想要这样的结果 Expected result image而不是这样not excepting this

希望我把一切都说清楚，我知道我没有写清楚这个问题，对此我很抱歉，但是有没有任何解决方案可以将新闻 div 位置固定在类别 div 下面，但新闻 div 仍然可以滚动。

谢谢。

Answer 1

根据您的描述，我不是 100% 确定，但我认为您想要的是 position:sticky;它像固定的一样工作，除了它相对于视口(viewport)而不是 html 固定自身，我不确定你是否这是你想要的，但如果你能提供更多信息和代码示例，以便我们更好地理解你试图做什么我也许可以提供更多帮助。