当用户查看页面的特定部分时如何更改导航栏图标的颜色
Posted
技术标签:
【中文标题】当用户查看页面的特定部分时如何更改导航栏图标的颜色【英文标题】：How to change the color of navbar icon when the user is viewing a specific section of page 【发布时间】：2021-09-28 21:26:11 【问题描述】：我有一个在 android 上看起来像这样的导航栏
如果点击了以下链接
<a href="#body-heading" class="nav__link nav__link--active">
<a href="#services" class="nav__link">
<a href="#images" class="nav__link">
<a href="#" class="nav__link">
所以我想要的是，如果有人在 android 上查看 id 为 #services 的元素，我需要 js 或 css 从主页图标切换类 nav__link--active 并将其添加到服务图标。我想对导航图标中的每个图标都这样做。有没有办法在 js 或 css 上做到这一点？
【问题讨论】：
【参考方案1】：这是适合您的工作解决方案
<pre>
https://codepen.io/lasjorg/pen/ZEQpKqy
</pre>
【讨论】：
以上是关于当用户查看页面的特定部分时如何更改导航栏图标的颜色的主要内容，如果未能解决你的问题，请参考以下文章