javascript - 滚动到 anchor 时更改链接属性

Question

有人可以让我摆脱痛苦并“修复”或“解决”我的问题吗:正如您通过我的 JSfiddle 链接看到的那样

http://jsfiddle.net/SJkmh/312/

jQuery(document).ready(function ($) {
    var h = $("#main-menu").height() * 1.25;
    $(".scroll").click(function (event) {
        event.preventDefault();
        $('html,body').animate({
            scrollTop: $(this.hash).offset().top - h
        }, 300);
    });

我似乎无法让它工作 - 我想做的就是更改链接文本的颜色以识别用户所在页面的哪个部分。请帮我？

提前致谢

Answer 1

更新:选择滚动菜单项

[已更新] jsFiddle:http://jsfiddle.net/thecbuilder/Qtjx6/2/

添加了js

$(window).scroll(function () {
        // Get container scroll position
        var topHeight = $(this).scrollTop() + h + 10;
        var onTopId;
        $(".testx").each(function () {
            var curTop = $(this).offset().top;
            var curBottom = curTop + $(this).height();

            if (curTop < fromTop && curBottom > topHeight) {
                onTopId = $(this).attr("id");
            }
        });
        $selLink.removeClass("selected");
        $selLink = $("a[href=#"+onTopId+"]").addClass("selected");
    });

这应该完成任务:http://jsfiddle.net/thecbuilder/Qtjx6/

js

var $selLink = $("ul li a"); 
$(function(){
    $("ul li a").click(function(){
        $selLink.removeClass("selected");
        $selLink = $(this);
        $selLink.addClass("selected");
    });
});

CSS

.selected{
    color : #4B85C3;
}