问题标签 [jquery-waypoints]

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 投票
1 回答
1323 浏览

jquery-waypoints - 具有不同操作的 jQuery Waypoints

我目前正在使用 jQuery Waypoints 在您滚动浏览页面的各个部分时突出显示导航项。所有这些都很好。感谢从http://imakewebthings.github.com/jquery-waypoints/的演示中复制代码。

我的演示是: http: //www.pandlmedia.com/index.php/index_new

但是,我还想在#footer div 上创建一个航点,这将触发一个事件来更改所有导航链接的颜色。

这不起作用,因为一旦它退出#footer div,就没有任何东西告诉它改变回来。我在编写 jQuery 或使用这个插件方面不是很有经验。我需要添加什么才能完成这项工作?有两个级别的航路点这一事实是否也会引起问题?

0 投票
4 回答
17347 浏览

jquery - 使用 jquery 航点向上滚动

我正在将 jquery waypoints 插件用于一页滚动站点。有一个固定的顶部菜单。

内容 div 是这样的:

我的滚动工作正常。但问题是航点。如果我单击一个链接,则会选择菜单(添加一个类 - 当前)。我正在使用航点来做同样的事情来滚动页面。向下滚动时,它工作正常。但不能完美地向上滚动。它需要再移一些顶部。然后它工作。如果我使用偏移量 -1%,那么它适用于向上滚动。但是向下滚动存在问题。这是我的js代码:

0 投票
2 回答
12410 浏览

jquery - 航点总是给出“未定义不是函数/对象”错误

我正在尝试使用Waypoints做一个非常简单的滚动效果,但由于某种原因,我根本无法让 Waypoints 工作。

jQuery (1.7.1) 已正确加载,并在 Waypoints 之前加载。页面上还有其他 jQuery 函数,它们都可以正常工作;例如:

在 jQuery 之后,航点(waypoints.min.js1.1.6 版)也正确加载。

但无论我做什么,除了 Firefox 之外,我似乎无法在 Waypoints 中得到任何反应。

如果我waypoint()直接调用一个元素,而不检查是否document完成加载,那么我不会收到错误,但也不会有任何反应:

– 不给出控制台错误或警告,但也不警告任何东西(我不希望它会这样,因为脚本是在.wrapper创建 div 之前放置的)。

如果我等待document完成,如下所示:

– 然后它似乎在 Firefox 中有效,但在 Chrome、Opera 或 Safari 中无效。Safari 的网络控制台告诉我

TypeError:“未定义”不是函数(评估
'$('.wrapper').waypoint(function() { alert('You have scrolled to an entry.'); })'

– 我不确定为什么undefined现在突然不是一个函数(或者为什么这个函数现在突然被“设置”为undefined,以更正确的方式看待它)......</p>

在任何情况下,我都不擅长使用 jQuery 或 JavaScript,所以我真的不知道在哪里寻找可能与它发生冲突的东西,或者它为什么对我这样做。

帮助?

0 投票
0 回答
778 浏览

jquery-waypoints - 航点 - 粘性标题导航。向下滚动但不向上滚动时突出显示链接

我有一个正在处理的网站模板,可以在这里看到:

http://www.procardetail.co.uk/

正如你所看到的,我有一个带有粘性标题的航点。

当我向下滚动页面时,一切正常,导航链接在遇到页面上的锚点时按预期突出显示。

但是,向上滚动时,突出显示链接的功能不起作用。

我正在使用的 javascript 如下所示:

});

有没有人能够解释为什么会这样?

提前感谢您的时间和帮助。

0 投票
1 回答
10488 浏览

jquery - Jquery Waypoints 刷新

我正在处理一个页面,该页面使用航点创建一个粘性 div,该 div 向下滚动页面,位置:固定,直到它到达其父 div 的底部。我使用的代码按预期工作,直到调用 $.waypoints('refresh') 然后粘性 div 跳回页面顶部并失去其固定位置。

继承人的代码:

其中#leftCol 是向下滚动页面的div,#content 是它的父div。

我拥有的CSS是:

任何关于如何在调用 $.waypoints('refresh') 时保持#leftCol 位置的想法都将不胜感激。

谢谢

0 投票
1 回答
1574 浏览

jquery - 使用航点插件滚动时加载内容

我使用插件航点(http://imakewebthings.com/jquery-waypoints/

*编辑:工作解决方案:http: //pastebin.com/x95Qf7m8 *

我要做的是在“share-this”标签向下滚动时加载链接中包含的共享小部件。

你可能会注意到 head.ready 的使用,它只是 document.ready 的替代品,因为我使用 headjs 加载我的外部脚本。

我的问题很简单,为什么点击触发时它可以工作,但不使用航点插件?欢迎任何帮助

我的网站:http ://www.entendu.info

0 投票
1 回答
1225 浏览

jquery - 滚动到底部太快时航点不起作用

在我的网站上:http ://www.entendu.info/我正在使用来自http://imakewebthings.com/jquery-waypoints/的航点插件

如果用户直接滚动到底部,大多数路点都没有被触发,只有第一个和最后一个 2 个,好像中间的滚动太快而无法执行。(航点是滚动时加载的社交按钮)

有什么帮助吗?PS:head.ready 只是使用 headjs 加载外部脚本时 document.ready 的替代品。

0 投票
1 回答
1661 浏览

navigation - 如何正确格式化航点 jquery 以实现粘性导航而没有“跳跃”下的内容?

这是html和脚本。想出了如何让粘性导航标题正常工作,但是当我尝试将 if/else 语句合并到脚本中以防止在通过航点后内容“跳跃”时出现问题

0 投票
1 回答
386 浏览

google-maps - 谷歌航点地图。没有'A'点

我正在建立一个航点谷歌地图。我有起点和终点,它们位于同一位置。它似乎用我的航点绘制了一张地图,但起点和终点位置不在我的地图上。没有A点。必须有其他人必须处理这个问题。

有什么帮助吗?这是我的代码。来自 Google 示例的标准代码:

此外,航点似乎不遵循旅行推销员算法。它让我的路线走遍了。路线应该优化吗?

谢谢

0 投票
2 回答
2387 浏览

jquery - jQuery 航点

当用户开始向下滚动页面时,我正在使用 jQuery 航点来更改标题的样式。但是,当我试图让标题返回到屏幕顶部时返回其自然样式时,我很挣扎,即:用户滚动回顶部。

到目前为止,我目前有这个,在向下滚动页面时可以正常工作。

任何帮助表示赞赏。

非常感谢