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

Question

我的项目中已经有Sticky标题导航，但是我需要将sidenav（过滤器部分）或者Aside也显示在左侧固定，因为页面右侧有一个长列表。正如我所提到的那样，标题已经处于FIXED位置。如何使Aside或sidenav与标题一起粘在它下面。我无法通过CSS来完成它并且不确定如何使用jquery来实现这一点。

非常感谢任何帮助。 在此先感谢..

Answer 1

您可以用css向我们提供您的代码吗？ 基本上你可以做的是：

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

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