单击按钮，转到网页上的特定位置

Question

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

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

Answer 1

唯一想到的是像;

这样的链接

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


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

Answer 2

您可以使用超链接来完成此操作。

元素目标

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

链接到目标

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

但是，也许更喜欢使用jQuery。

滚动到元素目标

$("#link").click(function() {
  $('html, body').animate({
    scrollTop: $("#element_target").offset().top
  }, 1000);
});

Answer 3

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

例如，如果您不想添加链接，只需添加<input type="button></input>之类的按钮，则只需添加<input type="button" onclick="location.href='your desired url'"></input>。