求教js如何实现悬浮式返回网页顶部的

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了求教js如何实现悬浮式返回网页顶部的相关的知识,希望对你有一定的参考价值。

参考技术A <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*font-size:12px; color:#999; padding:0; margin: 0;
.backTopwidth: 20px; background: #000; text-align: center; padding: 10px 0; font-family: "微软雅黑"; line-height: 14px; position: fixed; top: 30%; right: 0;
.backTop atext-decoration: none;
.backTop:hoverbackground: orange;
.backTop:hover acolor: #000;
</style>
</head>
<body style="height:2000px;">
<div class="backTop"><a href="#">返回首页</a></div>
</body>
</html>

以上是关于求教js如何实现悬浮式返回网页顶部的的主要内容,如果未能解决你的问题,请参考以下文章

求教js如何获取元素到浏览器顶部的距离

网页返回顶部按钮js实现

如何实现网页超链接的定位问题

js如何实现鼠标悬浮显示链接

如何用JS实现返回顶部?

ListView悬浮头部展现效果