很多站长朋友们都不太清楚html怎么从下返回顶点，今天小编就来给大家整理html怎么从下返回顶点，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 网页中“返回顶部”的html代码怎么编写？ 2、 html返回顶部怎么做 3、 网页中“返回顶部”的html代码怎么编写 网页中“返回顶部”的html代码怎么编写？网站的网页中都有返回顶部的功能，就是当用户访问网页时，可以迅速的返回顶部。也许会有人觉得这个功能很简单，没有什么说的，但据我目前所知，就有五种方法实现这个功能。而且不同的方法能实现的效果也是有所不同的。下面介绍下这些方法网页中“返回顶部”的html代码有好几种不同的编写方式：
1、简单的脚本可实现此功能：
代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>返回顶部</title>
<style type="text/css">
body{height:1000px;}
</style>
</head>
<body>
<div style="height:800px; width:800px;"></div>
<a href="javascript:scroll(0,0)">返回顶部</a>
</body>
</html>
2、采用JS实现返回顶部：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>返回顶部</title>
<style type="text/css">
body{height:1000px;}
</style>
</head>
<body>
<div style="height:800px; width:800px;"></div>
<script src="js/gototop.js"></script>
<div class="back-top-container" id="gotop">
<div class="yb_conct">
<div class="yb_bar">
<ul>
<li class="yb_top">返回顶部</li>
</ul>
</div>
</div>
</div>
</body>
</html>
3、利用锚点返回顶部：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>返回顶部</title>
</head>
<body>
<a href="#5F">顶部</a>
<div style="height:300px; width:300px;"></div>
<a name="5F">返回顶部</a>
</body>
</html>
html返回顶部怎么做你可以在页面最上面的一个标签(body内的)，给他一个id如果有就不用给了
然后<a href=#id>回顶部</a>这里的#id就是你的id别忘了前面的#
就可以回顶部了，这个方法不只可以回顶部，它也可以定位到其他的id处
网页中“返回顶部”的html代码怎么编写<div class="scroll" id="scroll" style="display:none;">
<a href="#" class="backToTop">返回顶部</a>
</div>
.backToTop{width: 62px; height: 62px; display: block; background: url(images/gotop_ico.png) -62px 0 no-repeat; position: fixed; right:40px; margin-left: 490px; bottom: 125px; z-index:999;}
.backToTop:hover{ background:url(images/gotop_ico.png) no-repeat;}
*html .backToTop {position: absolute; left: 50%; margin-left: 500px; z-index: 10000; bottom:auto; top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-125-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
关于html怎么从下返回顶点的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html怎么从下返回顶点 html5返回至顶部的详细内容...