问题标签 [jquery-waypoints]

我将 jQuery Waypoints 插件与单页网站上的固定菜单结合使用。菜单由一个向上和向下箭头组成，当路点被传递时，我使用 jQuery 将向上和向下箭头中的链接更改为下一页或上一页。当按下按钮时，我使用 jQuery 滚动滚动到该页面。它工作得很好，我不确定我以前是否见过以这种方式使用的 jQuery 航路点。感谢您的出色插件！

但是，我正试图让我的网站完全响应，并且我有一个问题，我认为是刷新航点信息。调整窗口大小时，页面高度（在定义航点时计算）不会改变。这会导致滚动距离不正确。

我是一名学生，我的代码有点乱，可能效率有点低，但我的网站的测试版可以在这里看到：http: //beta.kyleboulay.com

再次说明一下：当您在页面首次加载后调整窗口大小时会出现问题，距离没有重新正确计算。

编辑：我似乎通过将路点的偏移值更改为 50% 来解决问题。但是，知道如何在窗口调整大小时触发航点的重新定义仍然很棒。

任何帮助将不胜感激！谢谢。

以下是我的代码示例。

我这样定义我的航点：

我使用 jQuery Waypoints 库将菜单栏容器的位置从静态修改为固定。当浏览器窗口向下滚动到菜单栏时，菜单栏固定在窗口的顶部。

当缓慢滚动到/越过航点时，状态变化似乎很顺利，但是当我以正常速度滚动时，菜单栏内容会发生轻微的跳跃/反弹。

标记：

相关CSS：

这是jQuery代码：

我已经设置了一个JSFiddle来说明这个问题，我想知道是否可以防止这种影响发生？

我不确定我是否做错了什么，但我有很多部分，其中一些带有子部分。

所以我设置了两个航点调用来执行不同的任务section-top。section-sub

但是，当我滚动浏览section-sub航点时，它仍然会触发section-top，更糟糕的是，它似乎是section-top用自己的航点触发的，所以没有办法告诉它不要对section-sub触发器采取行动。

如果您查看这个 jsbin，您可以看到trigger-count在第一组航点中调用了 ，但是当滚动通过子组航点时它会不断上升。

这是它应该如何运作，我做错了什么吗？（我不应该注册两次航点吗？）

警告：jQuery 初学者...

我试图让我的标题淡入淡出，这取决于我正在处理的这个视差网站中滚动的位置。我遇到的问题是我无法弄清楚如何让它轻松进入/退出。

我正在使用Stellar jQuery 插件 + 航点的组合来制作这个新网站。

在加载时，我添加了放置 opacity: 0 的“隐藏”。

这是导航的片段：

这是 .js 的一个片段：

谢谢您的帮助！

如果你在下面看，我在偏移量 -185 处添加了几个类，当你向下滚动时，两个是动画/淡入的。当您向上滚动超过偏移量时，我希望栏淡出，但我无法实现这一点。我正在使用 jQuery 航点脚本http://imakewebthings.com/jquery-waypoints/

我使用 stellar.js 和航点创建了以下视差动画。我正在为图像而不是背景设置动画，并且在切换幻灯片时我也在淡入和淡出一些文本。这一切都在向下滚动时有效，但在从幻灯片 4 向上滚动时无效。

就好像在幻灯片移动之前上升航点时触发，所以当从幻灯片 4 到 3 时，它仍然认为 dataslide 是 4。所以我添加了一种方法来强制 dataslide 变量为 (dataslide-1) 有效对于导航，但即使 activeSlideNumber（因此我们在进入数据幻灯片之前来自的幻灯片）是正确的数字，activestip 类也不会从幻灯片 4 中删除，并且幻灯片 3 中的文本也不会淡入。

这是 HTML

和 JS

我正在使用这个 jquery 粘性导航

http://webdesign.tutsplus.com/tutorials/javascript-tutorials/create-a-sticky-navigation-header-using-jquery-waypoints/

但它不适用于移动设备，主要是 ipad。第一次之后，导航不会回到导航位置，粘性类也不会消失。谁能帮我？

I am using the script below along with the jQuery Waypoints plugin to fade elements into 100% opacity when they are centered 50% (or 75%) in the browser window. The code seems to be working pretty good except the elements don't seem to initially fade in. When I scroll down and then back up it seems to be triggering them then.

我正在使用 Waypoints.js，并且有一个关于在到达某个航点时更改导航项样式的问题。当到达 26 后的航路点时，我正在使用此代码向菜单项 menu-item-29 添加一类黑色。它可以工作，但是当您滚动离开航点时，黑色类不会被删除（它会保留）。当航点被滚动时，如何删除黑色类？谢谢。

我想使用jQuery Waypoints插件将一个元素粘贴到 WordPress 的页面顶部。

但是控制台说：

错误： jQuery Waypoints 中不存在粘性方法。

我错过了什么吗？