问题标签 [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 投票
2 回答
119 浏览

jquery - 仅当用户滚动到首屏下方时,如何使用 jquery 触发灯箱

设置:所以我有一个标题 div 960px x 400px,足以容纳左侧的 youtube 视频和其他一些要点和右侧的号召性用语。该 div 是隐藏的,仅在单击按钮时显示。很容易。

但我想在颜色框中显示相同的隐藏内容,但前提是该用户向下滚动了 750 像素,这将是我折叠的末尾。如果说他们只向下滚动了 400 像素并且他们点击了播放按钮,那么他们应该被弹回屏幕顶部并观看上面提到的标题 div 中的视频。

我正在考虑使用航点来帮助实现此功能,但可能有更好的方法。

让我知道你的想法。

0 投票
1 回答
2598 浏览

javascript - 通过单击向上滚动时,jQuery Waypoints 粘性导航关闭 1px

我快用 Waypoints 撕掉我的头发了。首先,我对 javascript 的经验还很遥远。我正在使用 Waypoints 1)将导航固定到屏幕顶部的某个点(这很好用)和 2),当到达某些部分时突出显示导航项。一切正常,除非您单击需要航点方向向上的导航项目,例如单击“异常值”,然后单击“目的地”。您会注意到航点似乎偏离了一个像素,并且“异常值”仍然突出显示。如果向上滚动一个像素,“目的地”最终会突出显示。这是复制此行为的唯一方法...单击向下滚动的导航项目可以正常工作。这是我的 JS:http: //jsfiddle.net/TreUd/。这是它实施的网站:. 感谢您的帮助...非常感谢。

0 投票
1 回答
2033 浏览

jquery-waypoints - 滚动到视频时使用 JQuery Waypoints 播放视频

当用户使用 jQuery 的航点插件滚动到 HTML5 视频时,我正在尝试播放它。

这是我的代码:

当视频滚动到什么都没有发生时放。

0 投票
3 回答
6818 浏览

javascript - 如何使用 jquery waypoint 切换功能

我想使用 jQuery waypoint 函数来切换函数,我怎样才能结合这些代码来实现呢?(我也会对替代解决方案感到满意)。

我想把这个结合起来......

有了这个......

最终结果应该是在到达路径点时切换功能。

有关 JQuery Waypoint 插件的更多信息:http: //imakewebthings.com/jquery-waypoints/#doc-waypoint

0 投票
0 回答
583 浏览

javascript - 到 id 锚点的外部链接不起作用 - 使用 jquery 航点

我的索引页面上有一个指向 id 锚点的外部页面链接的问题。每次我尝试链接到锚点时,它都会转到页面顶部。它几乎看起来像是在锚点处显示页面一瞬间,但随后只是页面顶部。

你可以看看这里.. http://jointmedias.com/clients/misfit/site/

所有锚点都在页面上工作,但再次无法从外部页面链接到特定锚点。这应该可以工作http://jointmedias.com/clients/misfit/site/#p3但它没有。

我正在使用这个 js 脚本进行平滑滚动(再次在页面本身上完美运行)

我对 JS 太陌生了,不知道这是否与它有关。任何帮助将不胜感激。谢谢参观。

布赖恩

0 投票
4 回答
15297 浏览

javascript - jQuery Waypoints 触发一次

我正在使用http://imakewebthings.com/jquery-waypoints,当用户向下滚动到带有类的区域时,我需要执行一些操作div1。但是,我只需要它触发一次,而不是每次用户滚动到该位置时。——只有一次

这只需要在第一次滚动到该部分时发生——向上或向下。

0 投票
1 回答
182 浏览

javascript - div更改后的WayPoint Refriring

当页脚航点触发时,即使通过的航点行已通过视图,它们都将被重新触发/再次触发。

如何在不调用所有以前的航点的情况下插入新的航点?

0 投票
1 回答
1445 浏览

jquery - 使用航路点更改导航上的 li 背景

我的 jquery 知识充其量是软的。

我想不通。基本上我有一个简单的粘性水平导航栏,在长页面上使用 UL LI。我希望导航栏 li 项目根据他们正在查看的页面部分更改颜色。类似于此页面http://www.pandlmedia.com/index.php/index_new但只有它的水平而不是链接改变颜色我希望 li 项目的整个 bg 变为白色。

我正在尝试将 .menu ul li a 项目上的类切换到新类 .menuwhite ul li a 以将背景从蓝色更改为白色,但它不起作用。对我在这里做错了什么有帮助吗?

小提琴:http: //jsfiddle.net/Z2rRt/

0 投票
1 回答
2647 浏览

javascript - 使用 ON 的 Jquery Waypoints

我陷入了使用 ajax 将航路点注入回 dom 的情况。这些新元素不会触发在 dom 更改之前创建的现有航路点。

有没有办法使用带有航点的 jquerys On 事件?

我正在使用航点 2.0.2 http://imakewebthings.com/jquery-waypoints/ 我正在尝试做的一个示例是,重新插入航点,该航点仍然可以使用应用于 .waypoint 指定的元素的航点方法

我遇到的问题是,在我插入要作为航点的新 div 后,它们不会触发。

当您在 dom 加载一次后动态插入一个附加了 click 函数的元素时,会发生类似的问题,您不能使用 .click,而是使用 .on("click, "element", function()。

使其工作的一种方法是使用以下方法在航路点内重新创建航路点:

(".nacho").waypoint(函数(方向)

除了这在我的情况下不起作用的原因是所有先前触发或滚动过去的航点都会触发。

我尝试将航点 nacho 重新插入 dom,这样做之后,即使在此 ON 的情况下,航点也不会触发。

0 投票
1 回答
915 浏览

jquery - Jquery waypoints-在页面加载到锚标记时触发

我一直在玩航点,它对于长滚动页面非常方便。导航元素会随着用户进入页面而做出响应,不同的选项会在标题中突出显示,等等。

问题是似乎没有一种方法可以为那些通过#anchored链接在页面中途登陆的人重现体验。我找不到文档来根据滚动位置触发和评估侦听器。

那存在吗?还有另一种方法可以将航点与锚定链接集成吗?