问题标签 [jquery-waypoints]

示例页面在 FF 和 Chrome 中几乎可以正常工作，但在 Safari 中则不然。有一些位置变化（从固定到静态再到固定），但我不知道 Safari 有任何定位问题（非移动 safari）。下面是我的代码：

如果您首先查看 Chrome，当您滚动到页面底部时，您会看到白色内容（“.tfContent”）向下扩展，“页脚”从固定位置变为静态位置并增加其高度。但不是在 Safari 中。有任何想法吗？ALSO：有没有办法让页面在航点功能中滚动到底部？这由于某种原因不起作用

我在使用 JQuery 航路点时遇到了一点麻烦。我将它用于我的一页网站上的自动滚动导航：

签名故事.eu

当我使用滚轮时它工作正常。每当某个元素到达屏幕顶部时，我需要它来更改导航项的颜色。问题是当您按注册-> 关于--> 注册时，第三次没有改变颜色。

脚本.js：

我有一个大的垂直滚动，DIV 堆叠在其他 DIV 的顶部。我试图弄清楚用户当前正在查看哪个 DIV。我设法使用航点很好地做到了这一点，但我允许用户在 DIV 中加载更多内容（这使得它们更高）并且似乎搞砸了航点。

这是我的航路点代码的样子，每个 DIV 都有一个：

我想知道是否有更好的方法来做到这一点；也许测试 DIV 以查看哪个 DIV 具有最高的 viewportHeight 百分比（因此，如果用户滚动以使 DIV1 具有 20% 而 DIV2 具有 40% 则运行 DIV2 代码等）。

了解当前正在查看哪个 DIV（高度未知）的最佳方法是什么？

基本上，我在这里尝试做的是当用户滚动到页面底部时，一个一个地淡入 3 个 div。

我在网上搜索，发现这可以通过使用一个名为 waypoints 的 jquery 插件来完成。但是，我对 Jquery 完全陌生，我真的不知道如何做到这一点。

如果有人可以查看我的代码并告诉我我做错了什么，那将非常有帮助！

这是HTML：

这是JS

这是我尝试过的，即使我尝试过也无法正常工作

$.waypoints('refresh') 需要帮助！

http://jsfiddle.net/VxqNa/9/

几天来我一直遇到这个问题，似乎在过去的 24 小时里我一直盯着屏幕挠头寻找解决方案。我想我的代码几乎就在那里，我只需要 div 在不在航点中并且它在测试边界航点中时恢复正常（淡入）。

测试边界 div 位于两个部分之间。任何帮助，将不胜感激。

请原谅 JS noob 问题，但是（虽然我的代码按预期工作）我确信必须有更好/更有效的方法来编写它。非常感谢您的建议。

这是发生的事情：我有一页垂直滚动主题（自定义）上有一个 Wordpress 菜单。当页面向上、向下滚动或单击导航项时，我正在使用 waypoints.js 突出显示当前可见部分的相应导航按钮。

我已在页面加载时将主页导航项设置为“活动”类，并通过在每个航点添加/删除“活动”类手动突出显示每个部分。为了稍微自动化一点，我尝试使用 $this 而不是 div id，但还没有做到正确。

提前感谢您的帮助。这是有问题的代码：

http://jsfiddle.net/vCP4K/

我目前笨拙的解决方案：

// 使主页按钮在页面加载时处于活动状态

// 更改类，因为 div 在 DOWN 或单击时击中航路点

// 更改类，因为 div 在向上或单击时击中航路点

我正在尝试使用 Waypoint 插件在向下滚动时另一个“触发器”元素距离顶部 25% 时使一个元素淡入 50%，当“触发”元素距离顶部 25% 并且您正在向上滚动。

目前，我上面的代码没有做任何事情。有什么我想念的吗？我不是使用 jQuery 的专家，但我从未无法从我的代码中获得某种响应。

我正在尝试开始使用 jquery waypoint 插入，但是我没有得到 waypoint.reached 回调触发。请看一下我在 jsfiddle 的示例：

http://jsfiddle.net/yAfhU/1/

回调函数没有被执行：

我正在尝试调整页面跳转的速度，这是我拥有的 jQuery：

});

我似乎无法弄清楚在哪里添加：

或者类似的东西。