跳转页面超链接不起作用。 [复制]

Question

我正在使用超链接来跳转页面以及在我的网页上切换页面。

我很难让我的超链接正常工作。我不知道为什么。

我使用下面的代码来换页

<a href="secondpage.html">secondpage</a>

和下面的代码跳转页面

<a href="#!">jumppagedownwards</a>

（页面下方）

<a href="!"></a>

---

如何将跳转页面和轮班页面合并到一个超链接中？

我尝试了以下代码：

<a href="secondpage.html#!">secondpagefurtherdown</a>

由于某种原因，它正在处理某些链接，而其他链接仅在不跳转的情况下移动页面。

有没有更好的方法来写链接？

Answer 1

锚点和基本 html 用法：

.first-content{
  height:400px;
  width:400px;
  background-color:grey;
}
.second-content{
  height:400px;
  width:400px;
  background-color:green;
}
div{
margin-bottom:100px;
}

<div class="first-content">
  <a href="#second" name="first">go to second content</a>
</div>
<div class="second-content">
  <a href="#first" name="second">go to first content</a>
</div>

如果你想使用高级的scoll，可以看这个文档

https://css-tricks.com/snippets/jquery/smooth-scrolling/

您可以访问50 Best Smooth Scroll jQuery Plugins Of 2017

Answer 2

你应该尝试这样的想法： <a href="http://www.mylink.html">link</a>（外部网址）或 <a href="./mylink.html">link</a>（本地）