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>（本地）

跳转页面超链接不起作用。

2 个答案: