返回页面顶部top按钮通过锚点实现(自写)
发布时间：2024-04-10 10:47:23
标签：返回顶部,top按钮
实现了我的小跳槽以后，从8月7号入职了现在的这家公司，我好像是加入了救火队的行列，还没有开始开发新的模块，只是一直在实现已经上线模块中的新需求，有时候也真想问问，某些用户的脑子是不是进水了，提出来的需求只想让人大笑三声。。。幸好项目组做需求的姐姐工作经验十分丰富，能够很好地和用户协调，让我们这些开发人员也没那么辛苦~
用户在使用系统时，会有很多表单的操作，然而很多表单都是裹脚布啊，长啊长~
所以就需要一个返回页面顶部的top按钮啦~
虽然说网上的方法有很多种，但是未免过于繁琐。左一个判断又一个定位，总之，太麻烦啦~前人的代码拿来就用有时候是节约时间，但还是要根据系统的性能来综合考虑，为了不给浏览器以及服务器带来不必要的压力，我还是决定自己写一个top按钮~
在<head>标签中加入到页面顶部的锚点：
a id="_top"></a>
在<body>的最末尾加入js代码（用div实现）：
<script type="text/javascript">
function form_top(){
document.write('<div id="form_top"><a href="#_top" title="回到顶部"><div class="top_img"></div></a></div>')
}
form_top();
</script>
设置top按钮的css样式（让div始终在页面右下角）：
#form_top{display:block; bottom:3px; right:3px; position:fixed;}
.top_img{
background-image: url("img/top.png");
width: 40px;
height:40px;
cursor: pointer;
}
最后，别忘了在jsp页面中引入css样式。
效果图： 
0
投稿猜你喜欢
- 1.’％.2f’％f该方法会进行四舍五入代码如下所示：f = 2.3456789print('
如下所示：def softmax(logits, axis=None, name=None, dim=None): ""- 简介使用faker可以获取很多模拟数据，如：姓名、电话、地址、银行、汽车、条形码、公司、信用卡、email、user_agen等等学会使用这
- 最近在学习django，学到第五章模型时，需要连接数据库，然后，在这里分享一下方法。起初是不知道怎样配置mysql数据库，但是还好，djan
- 画之前肯定要知道规格图，我找了一个大致的图。参考图片：绘制大星的方法很简单，五角星的补角是144度。绘制小五角星有点麻烦，因为我国国旗上的小
- 1.前言在 Python 中，说到函数，大家都很容易想到用 def 关键字来声明一个函数：def Hello():
- Python读写文件模式 1、r 打开只读文件，该文件必须存在。 2、r+ 打开可读写的文件，该文件必须存在。 3、w 打开只写文件，若文件
- 本文实例讲述了Python实现字符串与数组相互转换功能。分享给大家供大家参考，具体如下：字符串转数组str = '1,2,3'
- 1、Set基本数据类型a、set集合，是一个无序且不重复的元素集合class set(object): ""
- turtle模块概述Python 标准库中有个 turtle 模块，俗称海龟绘图，它提供了一些简单的绘图工具，可以在标准的应用程序窗口中绘制
- 很多应用要用到TreeView来显示组织机构,以下演示TreeView如何与数据库进行绑定。数据库结构如下（递归现实）：id(guid)&n
- 最小编辑距离或莱文斯坦距离（Levenshtein），指由字符串A转化为字符串B的最小编辑次数。允许的编辑操作有：删除，插入，替换。具体内容
- php从5.2.x升级到5.3.2.出来问题了。有些原来能用的程序报错了。报错内容是Deprecated: Function session
- 场景今天需要合并天猫订单数据，由于前期6.18活动有很多数据需要处理，将几个月份合并一起，结果报错。问题分析Excel 文件的格式曾经发生过
- 大家都知道连续的英文或数字能是容器被撑大，不能根据容器的大小自动换行，网页设计初学者可能不知道怎么处理，下面是CSS如何将他们换行的方法！对
- 使用ASP生成图片彩色校验码49行代码,三个文件 Asp文件：Co
- 前言这是一个使用HttpRunner开发接口平台的简单Demo。新建Django项目安装依赖包pip install httprunner=
- 本文实例讲述了Python导出DBF文件到Excel的方法。分享给大家供大家参考。具体如下：from dbfpy import dbffro
- MySQL当url连接不指定/数据库名可以访问到mysql服务器上有权限的任何库，但是所有sql需要加上库名前缀.pom<depend
- Typora是什么？Typora是一款支持实时预览的Markdown文本编辑器。支持即时渲染技术，这也是与其他Markdown编辑器最显著的
