Javascript 如何保持div位置固定但仍应可滚动？

每个人

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

我试着这样做，当一个用户滚动身体到一定的水平，然后一个类别选项弹出在一个像这样的div设置，它的位置是固定的，这样当有一个滚动，它不会消失

现在，还有一个div，所有的新闻都是这样显示的

但问题是，我希望新闻div也得到修复，这样它就不会越过category选项div，而是应该在category div下面淡入淡出，但当我试图设置新闻提要div位置时，div已被修复，不再滚动，其余的新闻无法阅读，但当我保持新闻div位置相对于或绝对新闻时像这样超越类别div

我想要这样的结果，而不是这样

希望我把一切都说清楚，我知道我没有写清楚这个问题对不起，但有没有解决办法，新闻组的位置固定在分类组下面，但新闻组仍然可以滚动

---

谢谢。

根据你的描述，我不是100%确定，但我想你想要的是位置：粘性；它的工作原理与fixed类似，只是它自身相对于视口而不是html进行了修复，我不确定您是否需要这些代码，但如果您能提供更多信息和代码示例，以便我们更好地了解您的尝试，我可能会更有帮助。

没有此类代码，我认为只有设置元素位置才能做到这一点。我想说有两个div，一个是category div，另一个是news div，现在我想在顶部固定category div，当新闻提要div被滚动时，它会在category div的上方，如上面问题中的“not expecting image”所示，我希望新闻提要div从类别divok下方滚动，将类别设置为position sticky，然后将z-index设置为10，然后将新闻的z-index更改为-10。看看这是否有效