为什么点击目录运动和蔬菜没有跳转置顶显示?
来源:4-18 编程练习
风贤
2020-03-18 13:14:38
<a name="top">这里是顶部</a><br />
<!--设置水果锚点链接-->
<h3><a name="返回顶部"></a>这里是顶部</h3>
<p><a href="#水果">水果</a></p>
<p><a href="#蔬菜">蔬菜</a></p>
<p><a href="#运动">运动</a></p>
<h1><a name="水果">水果</a></h1>
<ul>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
</ul>
<h3><a href="#返回顶部">返回顶部</a></h3>
<h1><a name="蔬菜">蔬菜</a></h1>
<ul>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
</ul>
<h3><a href="#返回顶部">返回顶部</a></h3>
<h1><a name="运动">运动</a></h1>
<ul>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
<li>香蕉</li>
</ul>
<h3><a href="#返回顶部">返回顶部</a></h3>
1回答
同学你好,点击蔬菜与运动的时候,还是“水果”显示在最上面,这是因为页面的高度不够,所以下面两列滚动不上去。
建议:可以给body设置一个比较大的高度(这里设置高度,后面的css课程中也会学到,可以先了解下),例:
如果我的回答帮助了你,欢迎采纳,祝学习愉快~
相似问题