我找到了很多关于如何在手动滚动时更新 url 哈希的答案,例如:<a href="#one">Topic 1</a>
然而,我真正想要的是当用户滚动到时更新哈希,例如:<h2><a name="one"></a>Topic 1</h2>
我有一个目录,允许用户滚动到某些标题。但我还想在用户滚动到 H2 标题时自动更新 url 哈希。
这是我在 Healthline 上追求的一个工作示例:https ://www.healthline.com/health/baby/car-seat-expiration
HTML 示例
Table Of Contents:
<a href="#one">Topic 1</a>
<a href="#two">Topic 2</a>
<h2><a name="one"></a>Topic 1</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<h2><a name="two"></a>Topic 2</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Run Code Online (Sandbox Code Playgroud)
所以基本上,当用户滚动到每个 H2 时,自动更新 url 以包含哈希值。