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

$('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

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

1回复

JavaScript-每次单击元素时的Offsetdiv

我一直在努力解决一个令人沮丧的简单问题。 每次单击按钮时,我都需要一个div来向右移动更多。
3回复

Javascript-如何更改CSS类的属性

这是我想要做的: 我希望每次调整窗口大小时都要更改特定div的宽度。 div的类属性位于类名为'.nav'的外部CSS文档中。 在HTML中: <body onResize="nav_resize()"> 在JS中: var w= window.innerWid
4回复

Javascript-更改div的CSS以使其可见?

使用CSS,我将名为“ tidy”的DIV设置为不可见,宽度为0px。 我正在尝试仅使用javascript来保持页面亮度,因此不能使用jquery。 如何创建一个链接,单击该链接将使div再次可见并将宽度设置为xxxpx?
2回复

javascript-了解css类如何更改/更新

我有一个id =“mydiv”的div,它在开头没有分配给一个类。 以下两个函数将类分配给mydiv。 完成这两个函数后,mydiv的className是什么? 是classtwo还是classone和classtwo两者? (如果它是两个类 - 如何将功能二更改为; 首先删除m
1回复

Javascript-如何通过CSS更改触发“如果”条件

在过去的4个小时里,我一直在痛苦中寻找解决方法,我不知道自己在做错什么,我的页面有多层,我希望在所需页面不透明时触发一些转换1,当您想到它时应该很简单,这是我的代码,请帮忙;) slide1 = document.querySelector('.slide1'); function vi
4回复

Javascript-无法更改活动元素

我对前端开发中的 JavaScript 完全陌生,我有一个非常基本的问题,我似乎无法弄清楚......我正在制作一个表格导航栏,其中突出显示了活动元素。 我知道还有其他方法可以实现预期的结果,但是我的脚本在这里有什么问题? function navTabsClick(child) { get
4回复

JavaScript-通过更改类名称来折叠元素

我做了一个九格的格子。 单击这九个框中的任何一个时,单击的那个框将占据整个网格的空间,并在其中显示一些信息。 现在,我还在每个网格的右上角做了一个十字,单击该十字是为了将网格折叠到其原始大小并占据其先前位置。 我已经为其编写了纯JavaScript代码,并且在浏览器中检查代码表明该代码没有
2回复

Javascript更改CSS元素

我正在按照本教程进行操作 ,试图使我的网站导航栏在到达页面顶部时始终停留在页面顶部。 我无法使其按照他们的设置方式进行工作,因此我尝试以其他方式进行设置,但仍然无法使其正常工作。 我将此代码放在body标签的末尾,以尝试使此工作有效(导航栏的CSS ID为“ navbar”): jQue