php - 想要 window.onload = init; 上的 javascript锚定 "#top"

Question

我遇到了 java 脚本代码的问题...

html:

<div id="thumbs">
  <a href="link1.htm"><img src="images/Button_Watch.png"></a>
</div>

Javascript:

// This function runs when the page loads and adds click events to the links

function init() {
  var links = document.getElementById('thumbs').getElementsByTagName('a');
  // ...
}

// Call our init function when the page loads

window.onload = init;

该代码将在单击 div id“thumb”下的按钮图像链接时获取链接“link1.htm”，以显示来自服务器外部的动态内容，而无需重新加载页面。内容显示在(<div id="embed"></div>)中。当单击滚动到 anchor #top 时，我想要相同的“Button_Watch.png”指向内容动态变化的部分(即<div id="embed">位置)

我想你已经明白我想要表达的意思了，请帮助我

Answer 1

这是一个快速而简单的解决方案。

Javascript:

function scrollToAnchor (anchor_name) {
  document.getElementsByName(anchor_name)[0].scrollIntoView(true);
}

HTML:

<a name="top"></a>

<!-- other content -->

<a href="link1.htm" onclick="scrollToAnchor('top');">
  <img src="images/Button_Watch.png">
</a>