老师,为什么我在目录项点击运动跳转的不是运动项的最顶端呢

来源:4-18 编程练习

qq_做不到就别跟我谈永远_0

2019-07-31 18:31:29

<html>
<head>
<meta charset="UTF-8">
<title>超级链接</title>
</head>
<body>
<a name="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<a href="#fruit">水果</a>
<!--设置蔬菜锚点链接-->
<a href="#vegetables">蔬菜</a>
<!--设置运动锚点链接-->
<a href="#sports">运动</a>

<!--设置水果标题-->
<a name="fruit"></a>
<h3>水果</h3>
<ul>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
</ul>
<!--设置返回顶部链接-->
<a href="#top">返回顶部</a>


<!--设置蔬菜标题-->
<a name="vegetables"></a>
<h3>蔬菜</h3>
<ul>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
</ul>
<!--设置返回顶部链接-->
<a href="#top">返回顶部</a>



<!--设置运动标题-->
<a name="sports"></a>
<h3>运动</h3>
<ul>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
    <li>香蕉</li>
</ul>
<!--设置返回顶部链接-->
<a href="#top">返回顶部</a>
</body>
</html>


写回答

1回答

樱桃小胖子

2019-07-31

这是因为内容过短导致的,也就是说,下面没有内容支撑运动项继续往上挪动了,假设我们增加运动项的li,会发现是可以跳转到顶端的哦

http://img.mukewang.com/climg/5d4176940001958608521006.jpg

希望可以帮到你!

0
hq_做不到就别跟我谈永远_0
h 明白了??
h019-07-31
共1条回复

0 学习 · 40143 问题

查看课程