4-18 锚跳转不了

4-18 锚跳转不了

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

<!--设置运动锚点链接-->

<a href="#运动">运动</a>

<!--设置水果标题-->
<a href="#" name="fruit"><h2>水果</h2></a>
<ul>
    <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 href="#" name="vegetables"><h2>蔬菜</h2></a>
<ul>
    <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

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕夭夭 2019-07-31 10:45:49

 你好同学,锚点是可以跳转的,代码没有问题。只不过页面内容太少了,没有滚动条,所以点击锚点,页面也没有办法滚动到当前位置。多添加一些内容,例如把运动的列表添加上,其他的列表多复制粘贴几行。

祝学习愉快,望采纳。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师