滚动间谍和 afix 的问题答案

【问题标题】：Issue with scroll spy and afix滚动间谍和 afix 的问题
【发布时间】：2023-03-23 11:27:01
【问题描述】：

我目前正在通过 Bootstrap 使用scrollspy 插件和affix。

我已经设置了左侧边栏导航，带有菜单和子菜单，并且...间谍工作正常。

但是，问题是：

一些注意事项（即使您仍然可以在链接中“查看源代码”）：

我的身体标签：<body data-spy="scroll">
我的主要侧边栏标签：<div class="bs-sidebar hidden-print" role="complementary" data-spy="affix" data-offset-top="70" data-offset-bottom="50">
我也在使用小脚本来实现平滑滚动功能，但我认为它不会影响它。

怎么了？有什么想法吗？

网站： http://osxpeppermint.com/documentation

【问题讨论】：

【解决方案1】：

Docs：要轻松地将 scrollspy 行为添加到您的顶栏导航，请添加 data-spy="scroll" 到您要监视的元素（最常见的是这将是）。然后添加 data-target 属性与任何 Bootstrap .nav 组件的父元素的 ID 或类。

 <body data-spy="scroll" data-target=".navbar-example">

因此，您需要确定要监视的导航：侧面或顶部。

此数据目标是 .nav（导航的包装器）的直接父级的 .class 或 #id。请参阅此处的文档： http://getbootstrap.com/javascript/#scrollspy

另外，确保你的身体有一个相对位置：

需要相对定位

无论实现方式如何，scrollspy都需要使用位置：相对；在你正在监视的元素上。在大多数情况下这是。

【讨论】：