问题标签 [scrollspy]

我最近一直在学习，bootstrap 就是其中的一部分。我有一个简单（但很长）的网页，我认为使用 scrollspy 会很好，但我就是无法正常工作。我想我会从一些有用的东西开始，但仍然有麻烦。主要问题是文本和滚动间谍重叠。我想也许是我搞砸了。

所以...

我创建了一个开箱即用的 MVC 4 站点。感谢 SO 上的其他人，我找到了这个简单的示例http://jsfiddle.net/panchroma/rWYQu/并将 About.cshtml 页面的内容替换为 html 代码，在此之前添加了一个部分以容纳 css 数据。这就是我所拥有的：

看哪！我得到了我之前编辑的页面所得到的东西：重叠的滚动和内容。将工作示例放入原始 MVC4 应用程序时无法正常工作。我不确定修复方法是什么（我仍在学习）。

解决方法是什么？

我想让Om与 ScrollSpy 一起工作。

我目前正在使用此代码：

目前，它似乎一直有效，直到 Om / React.js 重新渲染 DOM。之后，ScrollSpy 停止工作。我想我知道为什么。根据Bootstrap ScrollSpy的说法：“当使用 scrollspy 并在 DOM 中添加或删除元素时，您需要像这样调用刷新方法：”

我应该怎么办？我想我想连接到 Om 并告诉它调用 ScrollSpy，如上所示。

我正在使用 scrollspy 引导效果。这是一个示例http://jsbin.com/huhavejipepi/1/edit?html,css,js

当用户在页面顶部导航站点时，应该禁用 scrollspy 效果。但是，正如您从该示例中看到的那样，即使未显示主页部分，栏顶部的链接也似乎处于活动状态。也许这是一个错误？有什么解决方法吗？

在以下示例http://jsbin.com/huhavejipepi/2/edit?html,js中，我将更改固定在顶部的导航栏中链接的颜色。IE。当用户位于页面顶部时，所有链接都应该是黑色的。当用户向下滚动时，只有活动的 scrollspy 元素应该是黑色的，而其他的应该是浅灰色的，并且当它们变得活跃时会改变它们的颜色。

我想使用 scrollspy 做一些它不一定设计的事情，但它可能会完成这项工作。

我有一个 div #myTarget，我只是想检测它何时滚动到顶部.container并在每次滚动时执行某些操作。

HTML：

JS：

这是一个jsfiddle链接

PS我知道我可以使用其他插件，例如jQuery Waypoints，但如果可能的话，我想坚持使用Bootstrap。

你可以在这里看到我的发展 - http://anspro.webminister.in/ 当我点击导航栏中的链接时，页面滚动到正确的点 - 但链接没有突出显示，我必须设置一个偏移量

现在我的问题是，当我尝试滚动页面时，导航没有正确突出显示。在我穿过所需部分的中途后，它会突出显示。请帮忙。

我正在制作一个具有“时间线”样式的网页，它是水平导航的，但有一个固定菜单，其中包含一个元素，当您单击每个元素时，该元素会沿着条形滑动。

现在我正在使用垂直时间线的蓝图，当您通过正常滚动到达元素时，它也将元素移动到条上 http://www.webdesigncrowd.com/demo/slider-timeline-menu-12.2.13/

现在，我使用页面换行 div 将元素保持在某个边界内，并使用 css 样式让主体水平堆叠元素。当我单击时，它会像往常一样将我带到正确的页面，并且 bar 元素按预期工作，但是当链接元素移入视图时它的工作功能似乎不再起作用

这是原始的JS代码

这就是我编辑的内容，试图让它在水平显示器上工作。

现在我也尝试使用原始版本而不进行更改，但该功能仍然无法正常工作。

我提前感谢你们。

我正在构建一个长页面，并希望导航栏的选项卡在有人在页面上滚动时变得活跃。由于我使用的是 Bootstrap 3，我认为 scrollspy 会起作用。但是，我无法让它工作。下面是我的代码。我将不胜感激任何帮助 ：）

导航栏的代码

application.html.erb 文件的片段

身体的 CSS

应用程序.js 文件

HTML（片段只是为了显示部分有 id 并且导航链接到这些链接）

我正在使用模板。我在一个页面中实现了两次 flexslider。但在那之后我遇到了scrollspy的问题。我已经尝试了在这里或网上找到的所有解决方案，但还没有运气。问题是当我从导航菜单中选择“任务”时，它会滚动到适当的部分，但前一个按钮“技术”被激活并突出显示。同样适用于其他部分。并且当您在单击任务后手动滚动一点时，它将被激活。你可以在这里看到问题

我尝试在以下代码中更改偏移值和 flexslider 的高度（此处为技术部分）。有人能帮忙吗？FlexSlider 的版本是 v2.2.0

我试图让一个基本的引导滚动间谍在一个简单的页面上工作。

我有一个显示我的代码（和问题）的 plunk 设置：http ://plnkr.co/edit/qh4jJiCWY7nb7KFEE12R?p=preview

基本上我的身体标签中有这个。

大部分情况下，事情都在发挥作用。但是，滚动从当前顶部书签跳到最后一个书签在屏幕上显示的最后一秒。这取决于屏幕尺寸，但在我的显示器上，当我从 1.3 滚动到 2.1 时，导航中突出显示/活动的 li 会跳到 2.3。即使我手动选择 2.1 或 2.2，li 上的类也永远不会更改为“活动”，即使 2.3 在屏幕上不可见。如果我在段落中添加文本以使其更长，那么事情就会像预期的那样工作。

如何告诉 scrollspy 突出显示页面顶部的书签，而不是最底部的书签？另外，为什么 2.1 和 2.2 从来没有添加“活动”类？

我确信它很简单，但我无法终生弄清楚是什么原因造成的。任何见解都是最有帮助的。