从 div 跳转到锚点的页面跳转

Question

我试图让一个 <div> 根据 <a href="#FAQ">FAQ</a> 跳转到一个带有固定链接的 <div>，但由于我有一个跳转到固定链接的链接，我似乎找不到如何实现它的方法。

也就是说，我希望一个 <div> 或 <a href> 链接可以跳转到同一页中的一个 URL，比如 <a href="http://www.mydomain.ask.html">Ask</a>

我确定从锚点，例如 <a href="#jump">jump</a> 到一个像 <div id="jump">jump to point</div> 这样的 <div> 可以正常工作。然而，反过来呢？从 <div id> 跳转到锚点可以吗？

- Digital site

---

如果我不尝试一下，那我为什么要问呢？ :) - Digital site

我建议创建一个简单的HTML文件来测试你想要做的事情。 - Malkus

为什么不试一下呢，@Digitalsite？ - Anurag-Sharma

Answer 1

只要你的锚点有一个 ID，你就可以通过点击 div 在你的视图中链接到某个位置，你只需要一些 JavaScript。设置 window.location.hash 的值将使视图的焦点放在所选的 ID 上。 示例

<a href="#test1" id="back">Test</a>

<div id="test1" onclick="window.location.hash='back'; ">

JSFiddle 示例

- Malkus

---

好的，很棒的解决方案。这也是我所做的。然而，我想做的是从div id="test1"跳转到a href="#test1"，而不是我们通常知道的正常方式... - Digital site

刚刚在你的示例中发现，我必须点击“测试”才能跳转到“目标div”，然后再点击“目标div”才能返回到“测试”锚点，这很好。但是，我只想要从“目标div”到“测试”之间的单向跳转。 - Digital site

您不必使用我提供的确切示例。 - Malkus

关于不使用 ID 设置焦点，仍需要在 DOM 中找到元素来设置焦点。使用元素是搜索 DOM 的最快方法，其他搜索（例如查找具有特定 href 值的锚标签）会影响性能。 - Malkus

好的，知道了。非常感谢。我会继续挖掘，找到最好的方法而不影响性能。谢谢。 - Digital site

Answer 2

如果你有带有变量的链接需要跳转到另一个页面，可以使用id #符号来实现。

<a href="product.php?action=edit#lastdiv>Go to Product Last Div</a>

<div id="lastdiv">There are last product Exist</div>

- Ye Htun Z

Answer 3

我认为你需要在第一个div中添加<a href="yourid">页面位置</a>，并给你的锚点标签添加id <a href="yourplace" id="idname"></a>

- Mike Phils

---

这个解决方案大致朝着正确的方向发展……不确定我是否能够理解得很好。无论如何，谢谢。 - Digital site