javascript - 如何将 sidenav 固定到现有的 Sticky Header onscroll？

Question

我的元素中已经有 Sticky header nav，但是我需要在滚动发生时将 sidenav(过滤器部分)或 Aside 固定在左侧，因为页面右侧有一个长列表。正如我提到的，标题已经位于顶部的固定位置。我怎样才能使 Aside 或 sidenav 与标题一起粘贴，就在标题下方。我无法通过 CSS 完成此操作，也不确定如何使用 jquery 完成此操作。

任何帮助将不胜感激。提前致谢..

Answer 1

能否请您向我们提供您的 CSS 代码？基本上你可以做的是:

• 创建一个容器，让您的侧边栏和中心部分与溢出隐藏，宽度为 100%。
• 将侧边栏位置设置为相对位置，具有提供的宽度和填充到顶部，以便导航栏不会重叠。
• 设置主容器(包含列表的元素)宽度位置相对，这样它会显示在侧边栏旁边，你可以添加 overflow auto 以确保当你得到一个滚动条有很多列表项。

有几种方法可以解决您的问题。您也可以使用 Iframe，但我不建议将其用于响应式设计。