JQuery Waypoints - 内容卡住答案

【问题标题】：JQuery Waypoints - Content getting stuckJQuery Waypoints - 内容卡住
【发布时间】：2013-10-02 10:37:15
【问题描述】：

我已经建立了一个网站，其中包含几个粘性标题，具体取决于您正在查看的页面部分。我正在使用 JQuery Waypoints 和平滑滚动。

http://www.peachtreecollective.com/swel/

我只是有几个问题，几天来一直在尝试解决，但没有成功，如果有人可以帮助我解决以下问题，我将不胜感激。

1) 滚动经过第一个航路点，然后尝试滚动回页面顶部后，内容会卡在页眉下方。我试图将导航上的粘性类切换为向上方向，但这不起作用。比如……

response.waypoint({
handler: function(event, direction) {
nav.toggleClass('sticky2', direction=='up');
if (direction == 'up') nav_container.css({ 'height':'auto' });
else nav_container.css({ 'height':outerHeight() });
},offset: 0 });

response.waypoint({
handler: function(event, direction) {
nav.toggleClass('sticky', direction=='up');
}, offset: 0 });

我意识到我在这里遗漏了某种逻辑，所以如果有人能解释一下，我将再次感激不尽。

2) 在 safari 和 chrome 中，如果您按 HTML 代码中列出的顺序单击锚链接，它们会很好地工作...但是如果您要从最顶部单击“智能娱乐”页面，它将您跳到娱乐页面的一半。如果您在 Smart Productions 页面并单击 Smart Design，情况也是如此。当您靠近页面底部并单击“smart people”时，您会看到图片，但不会到达该部分的实际顶部。有谁知道我该如何解决这个问题？

再次感谢您。

【问题讨论】：

标签： jquery scroll jquery-waypoints

【解决方案1】：

function(event, direction) 是旧的 Waypoints 1.x 处理程序签名。 2.0 删除了event 参数。你现在的direction 永远是undefined。将其更改为 function(direction)。

【讨论】：

我试过了，但现在都不行了。 peachtreecollective.com/swel/index2.html
所以您使用的是旧的 Waypoints 1.1.x。有原因吗？您可以尝试先升级到最新的 2.x 版本并按照我上面的描述删除事件参数。我对针对旧版本进行调试没有兴趣。
感谢您指出 :-) 我决定从头开始使用 2.x 版本，以及您的粘性快捷方式。除了 IE 8 之外，它在任何地方都具有魅力。你能帮我解决这个问题吗？这是新的链接。 peachtreecollective.com/swel/index3.html
我将针对我的 IE 8 问题发表一篇新文章，并更具体地说明该问题。对不起，我是这个网站的新手！

【解决方案2】：

一旦我切换到使用 2.0 版，我就能够正确地使用“向上”方向在向上滚动时松开最顶部的标题。

使用粘滞元素快捷键代码（http://imakewebthings.com/jquery-waypoints/shortcuts/sticky-elements/）也解决了锚点的跳转问题。

【讨论】：