Javascript 幻灯片之间的jQuery/CSS转换问题中断位置：幻灯片内的固定性能

嗨，我正在处理页面上元素之间的“页面”样式转换。这很好，但当我在其中一个“页面”中放置位置“固定”的东西时，功能就没有了——它的工作更像是绝对定位。代码基本上是

<nav id="navigation-bar">
    <!-- Content Goes Here --->
</nav>

#navigation-bar {
    position: fixed;
    top: 0;
    width: 100%;
}

#导航栏{
位置：固定；
排名：0；
宽度：100%；
}

---

有人知道有没有解决办法吗？或者如果不是一个可能的选择？如果您将导航栏定位在“页面”之外，它会工作，但我不确定如何将#导航栏与“过渡”链接到幻灯片的同时/样式，我还认为这会使事情变得更复杂-移动视图中还有一个元素需要在页面中工作，该元素的位置也是固定的，我需要一种方法这基本上与在面板/页面中定位html有关，但可以定位为固定的，并且可以工作。

这就是

定位：固定的

提取所有DOM元素的方法

具有“位置：固定”的元素相对于视口是固定的。即使文档被滚动，它也会停留在原来的位置

在另一侧，

position:absolute

能够提取元素，但相对于另一个包含块对其进行定位

具有position:absolute的元素的位置和尺寸相对于其包含块，而具有position:fixed的元素的位置和尺寸始终相对于初始包含块。这通常是视口：浏览器窗口或纸张的页面框。为了演示这一点，在下面的示例中，您将修复一个元素。您将使另一个非常高，以便产生滚动条，以便更容易看到它的效果

因此，如果在每个

div

中有一个固定位置的元素，则这并不重要，因为它是相对于主容器提取和定位的。然后，最好使用

position:absolute