导航栏根据位置改变标签颜色+点击锚点滑动到指定位置 jQuery+JavaScript

2025-08-23 11:30:55      世界杯排名球队

首先你的页面每一部分上层都要有一个id值,方便你进行定位,其次,导航栏的 a标签 要有一个类名。

导航栏根据位置改变标签颜色

HTML部分

JavaScript部分

其中减去的70是我导航栏的高度,我的导航栏是固定到顶部的,这个数值减不减,减多少看自己需求

css部分

nav>li>a.active {

color: #E9302D;

font-weight: 600;

}

总体思路

要计算出当前距离顶部的高度是否在这个部分,如果在,就给相应的标签添加类名;不在,就移除添加的类名。

点击锚点滑动到指定位置

JavaScript部分

腾讯有多少短视频产品,我们数了数:约17个
溶脂针 BNLS Ultimate