返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置？
返回顶部 时间:2022-03-01 阅读:()
制作网页如何做出“返回顶部”图标并固定在页面右下的位置？
<!DOCTYPE?HTML> <html> <head> <meta?charset=UTF-8> <title>SCROLL</title> <style?type="text/css"> </style> <script?type="text/javascript"> var?goToWhere?=?function?(where) ????{ ????var?me?=?this; ????clearInterval?(me.interval); ????me.site?=?[]; ????var?dom?=?!/.*chrome.*/i.test?(navigator.userAgent)???document.documentElement?:?document.body; ????var?height?=?!!where???dom.scrollHeight?:?0; ????me.interval?=?setInterval?(function?() ????{ ????var?speed?=?(height?-?dom.scrollTop)?/?16; ????if?(speed?==?me.site[0]) ????{ ????clearInterval?(me.interval); ????return?null; ????} ????dom.scrollTop?+=?speed; ????me.site.unshift?(speed); ????},?16); ????}; </script> </head> <body> <div?style="height:?1000px;?text-align:?center;?font-size:?200px;?font-weight:?bold;">5</div> <div?style="height:?1000px;?text-align:?center;?font-size:?200px;?font-weight:?bold;">4</div> <div?style="height:?1000px;?text-align:?center;?font-size:?200px;?font-weight:?bold;">3</div> <div?style="height:?1000px;?text-align:?center;?font-size:?200px;?font-weight:?bold;">2</div> <div?style="height:?1000px;?text-align:?center;?font-size:?200px;?font-weight:?bold;">1</div> <div?style="height:?1000px;?text-align:?center;?font-size:?200px;?font-weight:?bold;">0</div> <div?id="back-up"?onclick="goToWhere(0)" style="border:?1px?solid?red;?height:?100px;?width:?15px;?position:?fixed;?cursor:?pointer;?right:?10px;?bottom:?150px;">返回顶部</div> <div?id="back-up"?onclick="goToWhere(1)" style="border:?1px?solid?red;?height:?100px;?width:?15px;?position:?fixed;?cursor:?pointer;?right:?10px;?bottom:?30px;">返回底部</div> </body> </html>
- 返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置？相关文档
- 返回顶部如何为WordPress主题添加一个返回顶部按钮
- 返回顶部淘宝返回顶部怎么制作
- 返回顶部微信朋友圈怎么快速返回顶部
- 返回顶部淘宝旺铺装修底部的返回顶部链接怎么做
- 返回顶部淘宝返回顶部代码是什么啊？
- 返回顶部谁能介绍一个网站“返回顶部”的详细方法？要详细一点的，我不太会搞，谢谢啦！
香港CN2云服务器 1核 2G 35元/月 妮妮云
妮妮云的来历妮妮云是 789 陈总 张总 三方共同投资建立的网站 本着“良心 便宜 稳定”的初衷 为小白用户避免被坑妮妮云的市场定位妮妮云主要代理市场稳定速度的云服务器产品，避免新手购买云服务器的时候众多商家不知道如何选择，妮妮云就帮你选择好了产品，无需承担购买风险，不用担心出现被跑路 被诈骗的情况。妮妮云的售后保证妮妮云退款 通过于合作商的友好协商，云服务器提供2天内全额退款到网站余额，超过2天...
Hostodo美国独立日优惠套餐年付13.99美元起,拉斯维加斯/迈阿密机房
Hostodo又发布了几款针对7月4日美国独立日的优惠套餐(Independence Day Super Sale)，均为年付，基于KVM架构，采用NVMe硬盘，最低13.99美元起，可选拉斯维加斯或者迈阿密机房。这是一家成立于2014年的国外VPS主机商，主打低价VPS套餐且年付为主，基于OpenVZ和KVM架构，产品性能一般，支持使用PayPal或者支付宝等付款方式。商家客服响应也比较一般，推...
热网互联33元/月,香港/日本/洛杉矶/韩国CN2高速线路云主机
热网互联怎么样?热网互联(hotiis)是随客云计算(Suike.Cloud)成立于2009年，增值电信业务经营许可证：B1-20203716)旗下平台。热网互联云主机是CN2高速回国线路，香港/日本/洛杉矶/韩国CN2高速线路云主机,最低33元/月;热网互联国内BGP高防服务器，香港服务器，日本服务器全线活动中，大量七五折来袭!点击进入：热网互联官方网站地址热网互联香港/日本/洛杉矶/韩国cn2...
返回顶部为你推荐
-
文件下载文件下载后怎样安装短信应用Android手机短信应用都有哪些？售后软件电脑维修需要哪些必备软件摇一摇周边公众号怎么用微信摇一摇周边功能工作经验介绍工作经验介绍怎么写黑屏操作常见黑屏故障的处理方法有哪些呢？暂停线程如何正确的更好的停止一个线程购物网站设计购物网站如何设计漂亮且实用的购物车海淀区公司注册在北京如何注册公司修复网络lspLSP修复是什么意思？