Javascript 滚动时改变颜色的导航按钮

Javascript 滚动时改变颜色的导航按钮,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要帮助。我有一个带按钮的导航栏。我想让他们改变颜色时,点击和滚动条点击右锚(这是一个单页网站)。但脚本不起作用,只有第一个按钮在开始时变白,但在滚动时……什么也没有发生。请帮帮我,我是一辆笨卡车:-) //缓存选择器 var lastId, topMenu=$(“#导航”), topMenuHeight=topMenu.outerHeight()+15, //所有列表项 menuItems=topMenu.find(“a”), //与菜单项相对应的锚定 scrollItems=menuIt

我需要帮助。我有一个带按钮的导航栏。我想让他们改变颜色时,点击和滚动条点击右锚(这是一个单页网站)。但脚本不起作用,只有第一个按钮在开始时变白,但在滚动时……什么也没有发生。请帮帮我,我是一辆笨卡车:-)

//缓存选择器
var lastId,
topMenu=$(“#导航”),
topMenuHeight=topMenu.outerHeight()+15,
//所有列表项
menuItems=topMenu.find(“a”),
//与菜单项相对应的锚定
scrollItems=menuItems.map(函数(){
var item=$($(this.attr(“href”));
如果(项目长度){
退货项目;
}
});
//将单击处理程序绑定到菜单项
//所以我们可以得到一个奇特的卷轴动画
菜单项。单击(函数(e){
var href=$(this.attr(“href”),
offsetTop=href==“#”?0:$(href).offset().top-topMenuHeight+1;
$('html,body').stop().animate({
滚动顶:偏置
}, 300);
e、 预防默认值();
});
//绑定到滚动
$(窗口)。滚动(函数(){
//获取容器滚动位置
var fromTop=$(this.scrollTop()+topMenuHeight;
//获取当前滚动项目的id
var cur=scrollItems.map(函数(){
if($(this).offset().top
#导航{
宽度:100%;
高度:20px;
背景图片:url(photos/BG_header2.png);
背景重复:重复-x;
显示:块;
边缘顶部:25px;
左边距:390px;
线高:17px;
空白:nowrap;
z指数:1;
}
#导航2{
左侧填充:20px;
}
#李海军{
显示:内联块;
边际上限:0px;
保证金权利:4px;
左边距:4倍;
边缘底部:0px;
文本缩进:3px;
}
#导航a{
颜色:#006EBE;
宽度:自动;
文字装饰:无;
字体大小:粗体;
字体大小:13px;
字体系列:Arial、Helvetica、无衬线字体;
文本转换:大写;
字母间距:1px;
垂直对齐:中间对齐;
-webkit过渡:.5s全部缓解;
-moz过渡:.5s全部放松;
过渡期:所有人都放松下来;
}
#导航a:悬停{
颜色:#fff;
}
#李海军{
颜色:#fff;
}


您可以看看一些预先制作的东西。我还建议另外一种预先制作的东西:它有所有的选项来满足你的需要,还有更多。谢谢……但我很确定我的错误很小……你可以看看一些预先制作的东西。我还建议另外一种预先制作的东西:它有所有的选择来满足你的需要,还有更多。谢谢……但我很确定我的错误很小。。。。。