JAVASCRIPT - 单击更改元素 CSS

Question

我有一个导航栏，当点击它时，页面将滚动到页面的那个部分。我使用了这个脚本。

$('li a').click(function(){
    $('html, body').animate({
        scrollTop: $( $(this).attr('href') ).offset().top
    }, 500);
    return false;
});

如何更改此元素的样式，以便在单击它时滑入页面的特定部分以及导航栏具有不同的背景图像？我尝试在链接中添加一个 onclick() 函数。它可以工作，但不会滚动到它应该滑动的页面部分。我尝试在滑动脚本中添加脚本，希望它能产生效果，但它不起作用。

Answer 1

您可以将其添加到该函数中。

$('li a').click(function(){
    var el = $(this);

    $('li a').removeClass('selected');
    el.addClass('selected');

    $('html, body').animate({
        scrollTop: $( el.attr('href') ).offset().top
    }, 500);
    return false;
});

从任何 li 中删除“selected”类，然后将其添加到当前单击的 li 中。