问题标签 [scrollspy]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
539 浏览

jquery - 如何在窗口调整大小时重置 jQuery scrollspy 的最小/最大值

我正在使用这个scrollspy插件,我需要在调整窗口大小时重置最小/最大值,因为第一部分调整高度并影响所有position.top后续部分。最好的方法是什么?

0 投票
1 回答
1056 浏览

javascript - Bootstrap:在我添加平滑滚动后,scrollspy 不起作用

我正在使用 Twitter Bootstrap 构建一个网站,并且我使用以下 javascript 让 scrollspy 工作:

但是在我添加脚本以启用平滑滚动后,它不再为我工作:

我在想我一定是在不正确的位置添加了滚动间谍。我对javascript知之甚少。如果有人能指出以正确的顺序/空格/行插入它的方法,那就太好了!

提前致谢!

0 投票
1 回答
418 浏览

twitter-bootstrap - 无法让 bootstrap 3 scrollspy 工作

我已经阅读了很多关于这个主题的问题,并尝试了很多不同的方法,但由于某种原因,我无法让 scrollspy 工作!

最近:

和我的导航栏:

更新:我意识到我偶然关闭了,修复了没有发生任何事情<nav></div>还尝试取出<nav>并使用它<div class="collapse navbar-collapse navHeaderCollapse" id="#myScrollSpy">,但这也不起作用。我还认为没有活动状态可能是问题,所以我ul.nav a:active { color: #fff; }在我的 css 中添加了,但这也不起作用。

现场版在这里

0 投票
1 回答
315 浏览

css - 在导航链接 bootstrap scrollspy 下面添加行

我在搞乱引导滚动间谍,我不知道如何在您所在的当前部分的链接下方放置一行。

应该很简单,但我无法理解!我希望它看起来像这样:

在此处输入图像描述

所以你在投资组合部分,反过来投资组合将用下面愚蠢的小线突出显示。任何人都可以帮忙吗?如果需要,您可以在此处查看实时版本。

0 投票
0 回答
133 浏览

css - Bootstrap CSS scrollspy,滚动时一切都消失了

我对 Bootstrap Css scrollspy 有一个奇怪的问题。

在我的页面 neu.ferienhaus-lieby.at。当您单击“Zimmer”并尝试滚动时,整个内容都会消失。当我在身体上使用“数据间谍”标签时。它似乎工作。但只有最后一个元素被标记为活动的。

这是我的 index.html

http://pastebin.com/GtKRTXyG

谢谢

0 投票
1 回答
3227 浏览

jquery - Bootstrap 3 Scrollspy 删除活动状态

我有一个使用带有 scrollspy 和固定标题的 Bootstrap 的站点。我让它工作正常,但遇到了 scrollspy 的问题。页面上有几个部分不是主导航的一部分。当您在这些部分中时,最新的“活动”链接仍然存在。最容易在小提琴中证明这个问题:

http://jsfiddle.net/eric1086/R7S9t/1/

基本上,我只希望在导航栏中的目标元素实际显示时显示活动状态。有任何想法吗?提前致谢!

0 投票
1 回答
949 浏览

jquery - window.scroll 事件在实现 scrollspy 时触发两次

我已经像这样实现了scrollspy

http://jsfiddle.net/L4Gpq/3/

我的问题是当我单击任何链接时 window.scroll 事件命中两次。无论如何我可以停止第二个事件。

0 投票
3 回答
4836 浏览

jquery - 使用 scrollspy 更新地址栏 window.location 哈希

我有一个带有 scrollspy 的菜单(使用 twitter boostrap)。我想window.location.hash在用户向下滚动到下一部分时更新。

当用户向下滚动时,以下代码有效:

但是,当用户向上滚动时,它不能很好地工作。

这样做的原因是设置一个新location.hash的触发浏览器导航到相应的锚点。这会引发连锁反应,用户将立即到达页面顶部。

js-fiddle 中的演示

现在解决这个问题的最简单方法是什么?

0 投票
1 回答
2215 浏览

jquery - Wordpress 单页导航和 jQuery scrollspy

你好 !

如果我正在工作,我必须为公司创建一个网站:)

我的问题 :

我用 Wordpress 创建了http://webl.eu/wordpress/,它是“二十三”的子主题。

当用户滚动到相应的元素时,我想进行导航 li 或更改。我找到了这个脚本:

我认为它应该工作......但它没有:(

谢谢,

狮子座

0 投票
2 回答
3477 浏览

twitter-bootstrap - Make the navbar invisible in first page with bootstrap 3

In my project, I create a scrollspy like http://jsfiddle.net/hiepnx/8SDQZ/

Now, I want to make the effect like in homepage of mediafire.com.

The effect is the navbar is invisible in first page and only become visible when we scroll to second page.

How can I do it?

Thanks,