我有一个导航栏,当单击该导航栏时,该页面将滚动到页面的该部分。 我使用了这个脚本。

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

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

===============>>#1 票数:0

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

$('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”类,然后将其添加到当前单击的类中。

===============>>#2 票数:0

您可以使用$(element).css(cssElement,value)更改CSS。

例:

$("#myDiv").click(function(){
    $(this).css("background-color", "Black");
});

  ask by Gibs translate from so

未解决问题?本站智能推荐: