26得票2回答
如何使用最少的代码实现类似示例的ScrollSpy Bootstrap侧边栏?

我在Bootstrap页面上看到了左侧的ScrollSpy示例:http://twitter.github.io/bootstrap/2.3.2/javascript.html#scrollspy 但是他们没有提供如何获得相同样式和效果的示例代码?最少需要哪些代码才能实现此目的,因为我见过的所...

16得票6回答
引导滚动监听在固定导航栏上的偏移量无效

我已创建一个问题的精确演示版本用于测试:http://jsfiddle.net/aVBUy/7/ 问题在于,当我点击导航栏项时,我有一个脚本可以滚动到元素ID。并且我正在使用滚动监听来突出显示导航元素,当页面处于正确位置时。但是,由于我的导航栏是固定的,我需要在滚动监听中应用偏移量来偏移51像...

15得票6回答
如何在不使用Bootstrap的情况下使用Scrollspy

有人知道如何在不使用 Bootstrap 的情况下使用滚动监听吗?我正在尝试在一个项目中使用这个存储库:https://github.com/sxalexander/jquery-scrollspy,但它并不能像 Bootstrap 那样正常工作。那些 li 标签没有被标记为活动状态 :( 任...

14得票5回答
如何在React中实现滚动监听(scrollspy)

我希望在不使用Bootstrap的情况下实现一个scrollspy。 我查看了很多在线代码,它们都是使用jQuery实现的。 如何只依靠React来实现scrollspy呢?

12得票2回答
Bootstrap 3 - 带侧边栏的滚动监听

我正在使用 Bootstrap 3。我想重新创建Bootstrap 网站文档中侧栏的相同功能。 以下是我的代码,也可以在此处找到:http://bootply.com/82119 存在两个问题: 当您向下滚动页面穿过每个部分时,侧边栏项目不会高亮显示。 当您单击侧边栏项目时,它会跳转到...

11得票2回答
Bootstrap 4滚动监听在Angular 4中无法正常工作

我正在尝试在Angular 4中实现滚动监听。我已经在.angular-cli.json文件中导入了jQuery和Bootstrap.js。控制台没有显示任何错误。然而,li元素上预期的active类未被应用。 https://v4-alpha.getbootstrap.com/compon...

11得票4回答
滚动监听(Scrollspy)使用完整URL

我想让滚动监听(scrollspy)在使用绝对URL而不是锚点(#)链接时起作用。 例如,只使用<a href="#section1"></a>即可轻松运行滚动监听。 我希望能够使用<a href="http://myurl.com/#section1"&gt...

10得票3回答
Bootstrap 4滚动监听无法更改活动导航栏项目

我正在使用Bootstrap 4.0创建一个简单的落地页,并在此页面中使用ScrollSpy,但我无法使其工作,它无法更改活动菜单项。 index.html - <body> <!-- Navbar --> <nav id="main-nav" class=...

10得票3回答
Bootstrap滚动监听在Off-Canvas菜单中会出现问题

更新:为了消除一些混乱,我添加了一个演示样例,展示了它应该如何工作,但是缺少滚动监听:https://jsfiddle.net/kmdLg7t0/ 如何将滚动监听添加到这个演示样例中,使得在特定部分时菜单可以高亮显示? 我创建了一个固定的左侧菜单,在浏览器宽度<992px(适用...

9得票1回答
使用固定导航栏的 Bootstrap 滚动侦测无法按预期工作

我在使用Bootstrap的Scrollspy组件时遇到了问题。 我正在使用sticky-top导航栏,当单击导航按钮时,它会滚动到正确的元素位置; 但问题是粘性导航栏覆盖了该元素。 我尝试在body标签中使用data-offset = "50",但没有起作用。 body标签: &l...