我有一个页面,该页面具有链接到页面适当部分的锚点。我想知道是否有人对我如何在单击链接时以及当窗口/页面使用 jQuery 滚动到适当的 div 时如何切换锚链接的类有任何建议?
例如,有 3 个锚链接链接到 3 个部分:
<ul>
<li><a href="#section1">Section 1</li>
<li><a href="#section2">Section 2</li>
<li><a href="#section3">Section 3</li>
</ul>
然后是3个部分:
<div id="section1"></div>
<div id="section2"></div>
<div id="section3"></div>
我想要完成的是当页面滚动到其中一个 div 或单击锚点时,锚链接的类将切换。因此,如果单击 #section 1 锚点或页面滚动到 #section1 div,则会将一个类添加到 section1 锚链接。如果是第 2 节,则 #section2 链接将接收类,而第 1 节链接将删除该类,依此类推。
我想我可能需要一种方法来跟踪每个部分 div 的位置,然后在适当的链接上切换类,但我不太确定从哪里开始。
提前感谢您的任何帮助或建议。