问题标签 [scrollspy]

我正在使用 Twitter Bootstrap 3.0，使用ScrollSpy插件在我向下滚动时激活我的“导航”链接。现在我想自动更新地址栏中的 URL（使用 window.history.pushstate）以响应 ScrollSpy 事件“activate.bs.scrollspy”。

如何识别 ScrollSpy 为我激活的“导航”元素？

我的代码看起来像这样。

我有一个集成了 bootstrap scrollspy 的 WordPress 网站。滚动时会激活 Scrollspy，但它会在导航栏中错误地突出显示前两项。由于第一个内容框比其他内容框大，似乎存在偏移问题，但我在 body 标记和 through 中添加了偏移量jQuery('.navbar').scrollspy()。我还添加padding-top: 100px到页面上的第一个内容框。这些解决方案都不起作用。我在这里想念什么？

工作页面

我收到错误消息Uncaught TypeError: Property '$' of object [object Object] is not a function

调用后：

以下是我构建代码的方式：

有人知道这个问题的解决方案吗？

你好 Stackoverflow 引导程序！

我没有看到以前有人问过这个问题，我真的很想看看结果。

如何复制错误：

1. 打开页面：（我当前的 url 测试这个 bug） http://dnwebdev.com/dev/
2. 将页面缩小为平板电脑
3. 使用导航栏

（请注意，url 已更改为 include #section）仅当您调整浏览器大小时才会发生这种情况。这会导致间谍/滚动关闭。

注意：如果您在移动设备上打开它，则不会出现问题，因此客户不会面对它，这只是在打扰我。

谢谢，期待您的回复。

编辑：点击标题品牌时，#section-1无需调整大小即可添加网址，这也让我失望。在这一点上，我认为这是一个引导程序。

Javascript我的页面上只有以下内容：

上面的代码在移动设备中进行选择后关闭切换。

上面的代码（基于屏幕尺寸）将抵消 scrollspy

编辑#2

我需要任何偏移量的唯一原因是因为 fixed-top它会导致 scrollspy 吓坏了。

非常感谢您的帮助。

我正在尝试将我的固定页面导航菜单与 scrollspy 之类的东西链接起来。因为我已经从多页网站制作了单页网站，所以这不是主题支持的东西。

有没有办法通过在 Wordpress 中编辑代码来做这样的事情？

网址是：www.testchannel.nl

非常感谢！

我正在尝试在某些浏览器中修复我网站上的 bootstrap scrollspy。我发现（并且已经看到了很多讨论）由于 body 元素的高度为 100%，scrollspy 在某处不起作用。

我用这个问题创建了简单的网页（在 Opera 20 中运行良好，例如在 Firefox 7 中不起作用）。当我移除身高 100% 时，一切正常。问题是我需要有 100% 的身高。有一些解决方法吗？知道如何修复它并保持身体元素的 100% 高度吗？谢谢！

jsfiddle.net 示例：http: //jsfiddle.net/eedZL/

CSS：

HTML

JS

我的问题是 BootStrap 中的 scrollspy，不能正常工作。我在网络上测试了任何不同的配置，但都不起作用。当滚动菜单无法正常工作时，您可以在我的网站上看到问题。

我是使用 BootStrap 的新手，我尝试了几种可能的解决方案。希望你能帮助我，非常感谢。

如何更改滚动间谍引导程序以使其在没有哈希的情况下工作？

这是标准操作：

但我想像这样使用它（没有哈希）：

有可能的？

我是 AngularJS 的新手，已经处于绝望的边缘 :) 我的应用程序看起来像这样（Plnkr 上的不工作示例）：

HTML

JS

现在基本上我想要一个滚动间谍，只要该项目当前位于视口的顶部，h2它就会将（假设它固定到顶部）的内容更改为项目的header属性：db

但是，我不知道如何从指令中与content控制器对话以从指令中进行编辑 $scope.header。我知道这scope与控制器的不同$scope，并且有一种模糊的感觉，我应该在require某处使用，但无法弄清楚如何正确使用它。部分还因为在 AngularJS 中做任何事情似乎有 5 种不同的速记，而且它们并不总是能很好地结合在一起。任何帮助表示赞赏，包括风格指导。

如何重新启动 Foundation Magellan 插件？我需要这样做，因为 magellan 位于选项卡内，一旦打开选项卡，我需要重新初始化“magellan-top-offset”。

$(document).foundation('magellan', 'init');没有做的伎俩...