将HTML页面滚动到响应页面中给定锚点的最佳方式

我已经基于此响应模板创建了一个页面

https://html5up.net/uploads/demos/phantom/

我希望块在同一个页面上有一个锚：当你点击它时，它会显示内容（没有重定向到其他页面）

实现这一目标的最佳“现代”方式是什么？普通锚链接/jquery/css其他

你能给我举个例子吗

---

谢谢

谷歌。。。单页应用程序（SPA）我知道使用AngularJS等是可能的，但可能只有使用Jquery/Javascript才能实现这一点

看看

---

还可以看看谷歌。。。单页应用程序（SPA）我知道使用AngularJS等是可能的，但可能只有使用Jquery/Javascript才能实现这一点

看看

---

另请看一下

这样做的可能性很多，最简单也是最愚蠢的方法是创建和锚定链接，如下所示：

<a href="#myContainerId">To my container</a>

其中href是要通过单击访问的容器的id。当然，这种方法在没有任何动画的情况下跳转。 下面是一个使用锚点进行动画滚动的好例子：

如果有帮助，请告诉我

---

干杯

这样做的可能性很多，最简单、最愚蠢的方法是创建和锚定链接，如下所示：

<a href="#myContainerId">To my container</a>

其中href是要通过单击访问的容器的id。当然，这种方法在没有任何动画的情况下跳转。 下面是一个使用锚点进行动画滚动的好例子：

如果有帮助，请告诉我

---

干杯

根据我的说法，最好的方法是将目标内容放在同一个页面上，并带有ID（显然是唯一的）

.content

并在

标记的

href

上，将ID为

href=“#generic”

的所需div作为目标。像这样

<a href="#generic">
  <h2>Magna</h2>
  <div class="content">
     <p>Sed nisl arcu euismod sit ame.</p>
  </div>
</a>
.....
.....
.....
<div id="generic">..</div>

---

我已经在你的网站上测试过了&它很有魅力！如果有任何问题，请告诉我。

据我所知，最好的方法是将目标内容放在具有ID（显然是唯一的）

.content.的同一页面上

并在

标记的

href

上，将ID为

href=“#generic”

的所需div作为目标。像这样

<a href="#generic">
  <h2>Magna</h2>
  <div class="content">
     <p>Sed nisl arcu euismod sit ame.</p>
  </div>
</a>
.....
.....
.....
<div id="generic">..</div>

---

我已经在你的网站上测试过了&它很有魅力！如果有任何问题，请告诉我。

在我看来，基本锚定链接（href To id）没有滚动到准确的位置。我很确定这在移动响应中不太管用。事实上它确实管用：-）你可以看看我自己网站的菜单，了解它是如何工作的，如何隐藏url中的#部分？当我在导航栏中单击链接时，它没有添加#，如何添加？我已经为该部分编写了两行JQuery。我已经更新了我的答案。如果您的id是唯一的，请仔细检查它，您不会将其命名为

generic

<代码>：-D在我看来，基本锚链接（href-To-id）没有滚动到准确的位置。我很确定这在移动响应中不太管用。事实上它确实管用：-）你可以看看我自己网站的菜单，了解它是如何工作的，如何隐藏url中的#部分？当我在导航栏中单击链接时，它没有添加#，如何添加？我已经为该部分编写了两行JQuery。我已经更新了我的答案。如果您的id是唯一的，请仔细检查它，您不会将其命名为

generic

<代码>：-D