如何创建一个更改iframe源的链接并滚动到该页面上的锚点

Question

我使用此代码，它可以工作，但它只能工作一次。怎么样？

<script type="text/javascript">
function goToAnchor(name){
window.location.hash = name;}
</script>


<li onclick="goToAnchor('topp');"><a href="test.html" target="iframetest">Tst</a></li>

Answer 1

你需要javascript吗？

<li><a href="test.html#topp" target="iframetest">Tst</a><li>

Answer 2

第一次调用它时，它会更改window.location.hash并使浏览器滚动到您指定的ID或锚点。第二次，window.location.hash已设置为topp（或第一次传递给goToAnchor的任何内容），并且由于hash未更改，因此浏览器不会改变滚动位置。

有多种方法可以解决这个问题：

1. 不要使用JavaScript。只需使用以下链接：<a href='#topp'>Topp</a>

2. 使用scrollIntoView功能滚动到您要定位的元素：

   document.getElementById('topp').scrollIntoView();