单击按钮时转到网页上的特定位置[重复]答案

【问题标题】：Go to a specific location on web page when clicking a button [duplicate]单击按钮时转到网页上的特定位置[重复]
【发布时间】：2016-10-08 22:49:21
【问题描述】：

您好，我是 javascript 和 html 的初学者，我想知道按下按钮时是否可以转到网页上的特定位置（无需重新加载页面），但我不知道如何去做吧。

谢谢。（对不起，如果这个问题没用;-)）

【问题讨论】：

【解决方案1】：

唯一想到的就是这样的链接；

<a href="#yourContentIdHere">name you want to appear as the link here</a>


<div id="yourContentIdHere">
your awesome content
</div>

【讨论】：

【解决方案2】：

您可以使用超链接来做到这一点。

元素目标

<div id="element_target">Content</div>

链接到目标

<a id="link" href="#element_target">Go to content</a>

要启用平滑滚动，请将其添加到您的 CSS 文件中

html {  
      scroll-behavior: smooth;  
}

【讨论】：

【解决方案3】：

如果您打算使用 javascript，也可以使用此代码。

例如当你不想放一个链接而是一个像<input type="button></input>"这样的按钮时，只需添加<input type="button" onclick="location.href='your desired url'"></input>。

【讨论】：