小编Tna*_*ace的帖子

如何更新滚动上的 URL 哈希(带目录)

我找到了很多关于如何在手动滚动时更新 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 以包含哈希值。

html javascript css wordpress jquery

2
推荐指数
1
解决办法
5204
查看次数

标签 统计

css ×1

html ×1

javascript ×1

jquery ×1

wordpress ×1