无抖动层回到顶部(兼容所有主流浏览器)

最新推荐文章于 2024-10-29 14:54:04 发布

xie3400656

最新推荐文章于 2024-10-29 14:54:04 发布

阅读量567

点赞数 1

分类专栏： js 文章标签：浏览器 xhtml div border class html

本文链接：https://blog.csdn.net/xie3400656/article/details/6977513

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

不用多说直接贴代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
.go-top
{ position: fixed;cursor:default;right: 50px;bottom: 30px;width: auto; height: auto; padding: 4px; padding-top:8px; border: 1px solid gray; font-size: 12px;
height: 20px;background-color: #DDDDDD;vertical-align:middle;_position: absolute; _top: expression((ff=document.documentElement.scrollTop + document.documentElement.clientHeight - this.offsetHeight)+'px'); }
*{ _text-overflow: ellipsis;}
</style>
</head>
<body>
<div style="background-color: red;">页眉</div>
<div style="margin-top: 2000px; background-color: red;">页脚</div>
<div class="go-top" οnclick="location.href='#'">TOP</div>
</body>
</html>