Question

我已创建this脚本，我想在项目中使用它进行网站导航。由于我对jQuery的了解很差，我不确定代码是否正确且足够优化。你能帮我看看是否有任何方法可以优化代码，并指出我犯过的错误？

$(function () {
    $("li a").click(function () {
        var liC = $(this).attr("href");
        var liD = $("#" + liC).offset().top;
        $("html, body").stop().animate({
            scrollTop: liD
        }, 'slow');
        return false;
    });

    $(window).scroll(function () {

        $('.dober').each(function () {
            var hRt = $(this).attr('id');
            if ($(this).offset().top <= $(window).scrollTop()) {

                $('li a').css({ padding: 0 });                  
                $('a[href=' + hRt + ']').css({
                    padding: 10
                });

            } else {

                 $('a[href=' + hRt + ']').css({
                    padding: 0
                });
            }
        });
    });
});

Answer 1

嗨，有很多插件可以达到相同的效果，但只要适合你，你的解决方案就会很好。

jQuery单页导航

1 个答案: