Question

我根据您正在查看的页面部分构建了一个包含多个粘贴标题的网站。我正在使用JQuery Waypoints和Smooth scroll。

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＆amp; chrome，如果按照HTML代码中列出的顺序点击它们，锚链接会很有效......但如果你点击页面顶部的“智能娱乐”，它会让你跳到一半在娱乐页面上的方式。如果您在Smart Productions页面上并单击Smart Design，也是如此。当您靠近页面底部并单击“智能人物”时，您将看到图片，但不会看到该部分的实际顶部。有谁知道我怎么解决这个问题？

再次感谢你。

Answer 1

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

Answer 2

一旦我切换到使用版本2.0，我就可以正确地使用“向上”方向在向上滚动时解开我的顶部标题。

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

JQuery Waypoints - 内容陷入困境

2 个答案: