http://jsfiddle.net/motocomdigital/gUWdJ/
我在一个jquery滚动技术后,我想要适应我的项目.
请参阅我的项目示例作为这个小提琴http://jsfiddle.net/motocomdigital/gUWdJ/
目前,您可以看到我的导航链接自动地相对于< section>的动画动画.
我的问题是,使用$(window).scroll方法,当我们的部分到达窗口顶部时,我如何添加一个.active类到我的导航a？
所以例如,如果用户向下滚动页面(而不是导航链接),我希望活动类被添加相对导航链接.指示您在网页上的位置.
另外你也必须考虑固定导航栏的28px高度,偏移顶部窗口.
任何人都可以告诉我一种可以尝试使用或适应的技术,或者可能使用我的jsfiddle来显示我:)
任何帮助将不胜感激,谢谢提前！
解决方法
如果你想要一个更通用的功能：
$(window).scroll(function() {
var windscroll = $(window).scrollTop();
if (windscroll >= 100) {
$('nav').addClass('fixed');
$('.wrapper section').each(function(i) {
if ($(this).position().top <= windscroll - 100) {
$('nav a.active').removeClass('active');
$('nav a').eq(i).addClass('active');
}
});
} else {
$('nav').removeClass('fixed');
$('nav a.active').removeClass('active');
$('nav a:first').addClass('active');
}
}).scroll();
