使用javascript更改url地址

我有以下URL结构： www.foo.com/products/first/

我想更改产品后面的文本

我的HTML看起来像这样只是为了告诉你主要的想法

<section data-product="first">
..content..
</section>

<section data-product="second">
..content..
</section>

<section data-product="third">
..content..
</section>

每个部分都有一个100%的窗口高度，因此每当用户滚动到一个部分的头部时，我希望URL地址相应地改变

---

除了URL地址更改到字符串中的特定区域之外，我实现了所有功能。

请务必使用window.location.hash操作位置哈希，但请不要尝试修改页面URL本身。

我没有尝试刷新页面。我无法刷新页面，我希望用户能够在产品之间滚动，而无需反复进入页面