悬浮div设置回到顶部按钮
来源:互联网 发布:网络教育专科有用吗 编辑:程序博客网 时间:2024/04/29 14:00
样式:
<style type="text/css"> .btns{font-weight: bold;display: inline-block;width: 80px;height: 27px;border: #5fb878;background: #5fb878;font-size: 1.4em;text-align: center;padding-top: 5px;color: white;}a:hover{color:#FFFFFF}</style>
主要代码:
<div style="overflow: hidden;position: fixed;right: 10px;bottom: 20px;z-index: 10;"> <div style="overflow: hidden;"> <div style="padding-right:50px;"> <a id="js_print" class="btns">打印</a></div> <div style="padding-top:20px;padding-right:50px;"><a href="list.jhtml" class="btns">返回</a></div> <div style="padding-top:20px;padding-right:50px;padding-bottom:50px"><a href="#" style="float: right;" class="btns">回到顶部</a></div> </div> </div>
基本上是拿来就可以用,确保你的页面足够长。
效果图:
0 0
- 悬浮div设置回到顶部按钮
- 悬浮按钮点击回到顶部FloatingActionButton
- 如何制作网页中回到顶部的悬浮按钮
- JS回到顶部按钮
- 回到顶部按钮
- 回到顶部按钮
- (转)回到顶部按钮
- 回到顶部按钮
- 回到顶部按钮
- 回到顶部按钮插件
- 回到顶部按钮
- 设置Scrollview回到顶部
- html页面“回到顶部”按钮
- 回到顶部按钮的制作
- JS实现回到顶部按钮
- 设置主页、加入收藏、回到顶部
- 百分百纯js实现回到顶部按钮
- jsp点击某个按钮回到顶部
- Android是否推荐使用枚举(enum)?使用枚举的利弊以及枚举倒底占多少内存?
- 新项目练习用到的知识点
- 申请Root权限
- c++函数学习-关于c++函数的林林总总
- Android笔记之系统软键盘布局
- 悬浮div设置回到顶部按钮
- css中实现垂直居中
- MySQL: 2003 can't connect to mysql service on 'xxx' (10060)
- 理解HTTPS为什么安全前,先看看这些东西
- 1082. Read Number in Chinese (25)
- SpringMVC单图片上传
- 【vue2.0】解决使用vue-cli生成项目后项目地址自动添加#号的问题
- tcpdump
- RMAN-06214: Datafile Copy .