0

我目前正在使用 jQuery Waypoints 在您滚动浏览页面的各个部分时突出显示导航项。所有这些都很好。感谢从http://imakewebthings.github.com/jquery-waypoints/的演示中复制代码。

我的演示是： http: //www.pandlmedia.com/index.php/index_new

但是，我还想在#footer div 上创建一个航点，这将触发一个事件来更改所有导航链接的颜色。

$('#footer').bind('waypoint.reached', function(event, direction) {
    $('.nav ul a').addClass('white');
});

这不起作用，因为一旦它退出#footer div，就没有任何东西告诉它改变回来。我在编写 jQuery 或使用这个插件方面不是很有经验。我需要添加什么才能完成这项工作？有两个级别的航路点这一事实是否也会引起问题？

4

1 回答 1

0

好吧，仔细看看“粘性元素”演示，我能够修改消失的“.top”按钮的示例，以使其满足上述我自己的需求：

<script type="text/javascript">
$(document).ready(function() {
    $('.container .nav ul a').addClass('black');
    $.waypoints.settings.scrollThrottle = 30;
    $('#footer').waypoint(function(event, direction) {
        $('.container .nav ul a').toggleClass('black', direction === "up");
    }, {
        offset: '50%'
    });
});

关键是在我的 css 中的 .white 类下方添加 .black 类，以便它正确覆盖颜色参数。

于 2012-02-13T03:39:46.780 回答