我遇到了以下问题。我已经尝试了一些不同的方法，但无法解决这一问题。我正在尝试创建3列布局，而中心列将所有内容容纳在不同的全高区域中。两侧的两个较小的列是侧栏。左侧的一个用于主导航，右侧的一个具有所有子类别。因此，当您在左侧选择类别时，右侧的侧边栏将被填充。
这两个侧边栏都应使用scrollspy来查看当前部分所在的类别（这将显示在左侧菜单上），右侧的侧边栏则显示该部分所在的子类别。
我已经尝试了一些不同的方法，而这一方法与我要实现的目标不相干：
具有以下主要类别的菜单：
<div id="left-sidebar-wrapper">
<div id="list-example" class="list-group">
<a class="list-group-item list-group-item-action" href="#list-item-1">Item 1</a>
<a class="list-group-item list-group-item-action" href="#list-item-2">Item 2</a>
<a class="list-group-item list-group-item-action" href="#list-item-3">Item 3</a>
<a class="list-group-item list-group-item-action" href="#list-item-4">Item 4</a>
</div>
</div>
以及带有子类别的菜单：
<div id="right-sidebar-wrapper">
<div id="list-example" class="list-group scrollspy2">
<a class="list-group-item list-group-item-action" href="#list-item-1">Item 1</a>
<a class="list-group-item list-group-item-action" href="#list-item-1-1">Item 1</a>
<a class="list-group-item list-group-item-action" href="#list-item-1-2">Item 2</a>
<a class="list-group-item list-group-item-action" href="#list-item-1-3">Item 3</a>
<a class="list-group-item list-group-item-action" href="#list-item-1-4">Item 4</a>
</a>
</div>
</div>
如您所见，我用在href中包含父项的锚点包装了子项。这几乎可以满足我的需要。我想始终将活动类保留在父类上。谁能帮我解决这个问题？