如何使用锚标签点击特定跨度

Posted 2023-03-05

【中文标题】如何使用锚标签点击特定跨度

【英文标题】：How to use anchor tag to click on particular span

【发布时间】：2022-01-14 22:54:35

【问题描述】：

对于这个非常基本的或者可能是一个愚蠢的问题，我很抱歉，但我正在尝试做一些我不确定的事情，是否可以通过使用锚标签来完成。在互联网上搜索后，我没有找到任何完美的解决方案，所以我在这里写这个问题。

问题 - 我想将我的页面从index.php 重定向到about.php，并且我还想打开一个只有当我们单击它时才能看到的 div。如何使用锚标签做到这一点？

我试过了 - <a href="about#my_div_id"> 不幸的是，我认为它不起作用，可能是因为我还必须单击那个特定的 div 才能打开它。 任何人都可以请帮助我，我需要一些解决方案来做到这一点。我正在使用 angularJs，如果可以的话，请帮忙！

【问题讨论】：

通过添加要打开的 div 的 ID (<a href="about#my_div_id">)，您已经成功了一半。在目标页面上您需要做的就是阅读window.location.hash（请参阅MDN）并在 id 匹配时打开 div（在 javascript 中）。

【参考方案1】：

您能否在页面加载时 parse the URL in JavaScript 打开 div 并将 document.documentElement.scrollTop 设置为页面上 div 的位置？

类似：

# On page load:
#   if $parsedURL has $hash:
#     div.show()
#     window.scrollTo(div.position)