问题标签 [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.
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 或使用这个插件方面不是很有经验。我需要添加什么才能完成这项工作?有两个级别的航路点这一事实是否也会引起问题?
jquery - 使用 jquery 航点向上滚动
我正在将 jquery waypoints 插件用于一页滚动站点。有一个固定的顶部菜单。
内容 div 是这样的:
我的滚动工作正常。但问题是航点。如果我单击一个链接,则会选择菜单(添加一个类 - 当前)。我正在使用航点来做同样的事情来滚动页面。向下滚动时,它工作正常。但不能完美地向上滚动。它需要再移一些顶部。然后它工作。如果我使用偏移量 -1%,那么它适用于向上滚动。但是向下滚动存在问题。这是我的js代码:
jquery - 航点总是给出“未定义不是函数/对象”错误
我正在尝试使用Waypoints做一个非常简单的滚动效果,但由于某种原因,我根本无法让 Waypoints 工作。
jQuery (1.7.1) 已正确加载,并在 Waypoints 之前加载。页面上还有其他 jQuery 函数,它们都可以正常工作;例如:
在 jQuery 之后,航点(waypoints.min.js
1.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,所以我真的不知道在哪里寻找可能与它发生冲突的东西,或者它为什么对我这样做。
帮助?
jquery-waypoints - 航点 - 粘性标题导航。向下滚动但不向上滚动时突出显示链接
我有一个正在处理的网站模板,可以在这里看到:
http://www.procardetail.co.uk/
正如你所看到的,我有一个带有粘性标题的航点。
当我向下滚动页面时,一切正常,导航链接在遇到页面上的锚点时按预期突出显示。
但是,向上滚动时,突出显示链接的功能不起作用。
我正在使用的 javascript 如下所示:
});
有没有人能够解释为什么会这样?
提前感谢您的时间和帮助。
jquery - Jquery Waypoints 刷新
我正在处理一个页面,该页面使用航点创建一个粘性 div,该 div 向下滚动页面,位置:固定,直到它到达其父 div 的底部。我使用的代码按预期工作,直到调用 $.waypoints('refresh') 然后粘性 div 跳回页面顶部并失去其固定位置。
继承人的代码:
其中#leftCol 是向下滚动页面的div,#content 是它的父div。
我拥有的CSS是:
任何关于如何在调用 $.waypoints('refresh') 时保持#leftCol 位置的想法都将不胜感激。
谢谢
jquery - 使用航点插件滚动时加载内容
我使用插件航点(http://imakewebthings.com/jquery-waypoints/)
*编辑:工作解决方案:http: //pastebin.com/x95Qf7m8 *
我要做的是在“share-this”标签向下滚动时加载链接中包含的共享小部件。
你可能会注意到 head.ready 的使用,它只是 document.ready 的替代品,因为我使用 headjs 加载我的外部脚本。
我的问题很简单,为什么点击触发时它可以工作,但不使用航点插件?欢迎任何帮助
jquery - 滚动到底部太快时航点不起作用
在我的网站上:http ://www.entendu.info/我正在使用来自http://imakewebthings.com/jquery-waypoints/的航点插件
如果用户直接滚动到底部,大多数路点都没有被触发,只有第一个和最后一个 2 个,好像中间的滚动太快而无法执行。(航点是滚动时加载的社交按钮)
有什么帮助吗?PS:head.ready 只是使用 headjs 加载外部脚本时 document.ready 的替代品。
navigation - 如何正确格式化航点 jquery 以实现粘性导航而没有“跳跃”下的内容?
这是html和脚本。想出了如何让粘性导航标题正常工作,但是当我尝试将 if/else 语句合并到脚本中以防止在通过航点后内容“跳跃”时出现问题
google-maps - 谷歌航点地图。没有'A'点
我正在建立一个航点谷歌地图。我有起点和终点,它们位于同一位置。它似乎用我的航点绘制了一张地图,但起点和终点位置不在我的地图上。没有A点。必须有其他人必须处理这个问题。
有什么帮助吗?这是我的代码。来自 Google 示例的标准代码:
此外,航点似乎不遵循旅行推销员算法。它让我的路线走遍了。路线应该优化吗?
谢谢
jquery - jQuery 航点
当用户开始向下滚动页面时,我正在使用 jQuery 航点来更改标题的样式。但是,当我试图让标题返回到屏幕顶部时返回其自然样式时,我很挣扎,即:用户滚动回顶部。
到目前为止,我目前有这个,在向下滚动页面时可以正常工作。
任何帮助表示赞赏。
非常感谢