创建导航到页面特定部分的 url答案

【问题标题】：Creating url that navigates to specific section of page创建导航到页面特定部分的 url
【发布时间】：2018-11-25 14:13:23
【问题描述】：

如何创建可以导航到我的单页应用程序（Angular2）的特定部分的路由器链接

例如我的网站 www.example.com 有三个产品：productOne,productTwo nad productThree。

在我的网站上，这是 100vh 的三个部分。

我希望有一个带有 www.example.com/productOne / www.example.com/productTwo /www.example.com/productThree 的网址，该网址导航到该页面部分。

【问题讨论】：

【解决方案1】：

您应该能够通过使用锚点来实现这一点：<a href="#section">Link to Section 1</a> 或 https://www.yoursite.com/#section。

<body>
    <section id="#section">
        <div id="#div"></div>
    </section>
    <footer id="#footer">
        ...
    </footer>
  ...

【讨论】：

我不想在url中使用#，这就是问题
@NenadDrobac 好吧，然后把它放在你的问题中，这样人们就不会浪费他们宝贵的时间来帮助你：/我不相信有任何方法可以做到这一点，但我可能错了。
我已经把我的链接应该是什么样子。我也会进行编辑，以便更容易理解
@NenadDrobac 这是标准的做事方式在很长一段时间内一直是浏览器中的一个选项，并且从互联网早期就开始使用我想知道为什么走这条路是一个问题（大多数最终用户无论如何都不会关注 URL）如果您必须定义多个使用相同组件的路由并将逻辑写入组件以检查 URL 并更新滚动位置，但是为了小“好处”做很多工作（真的偏离了常态）
是的，服务器和客户端之间的所有良好路由肯定会令人困惑，因此询问为什么偏离您在此处建议的规范。如果 OP 做出回应并有一些合理的理由，那么将在 stackblitz 上继续尝试，但就像你提到的那样，不想在不了解动机的情况下浪费时间