返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置？
返回顶部 时间: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主题添加一个返回顶部按钮
- 返回顶部淘宝返回顶部怎么制作
- 返回顶部微信朋友圈怎么快速返回顶部
- 返回顶部淘宝旺铺装修底部的返回顶部链接怎么做
- 返回顶部淘宝返回顶部代码是什么啊？
- 返回顶部谁能介绍一个网站“返回顶部”的详细方法？要详细一点的，我不太会搞，谢谢啦！
妮妮云36元,美国VPS洛杉矶 8核 8G 36元/月,香港葵湾 8核 8G
妮妮云的来历妮妮云是 789 陈总 张总 三方共同投资建立的网站 本着“良心 便宜 稳定”的初衷 为小白用户避免被坑妮妮云的市场定位妮妮云主要代理市场稳定速度的云服务器产品，避免新手购买云服务器的时候众多商家不知道如何选择，妮妮云就帮你选择好了产品，无需承担购买风险，不用担心出现被跑路 被诈骗的情况。妮妮云的售后保证妮妮云退款 通过于合作商的友好协商，云服务器提供2天内全额退款，超过2天不退款 物...
LOCVPS洛杉矶CN2线路KVM上线,洛杉矶/香港云地/香港邦联7折
LOCVPS发来了新的洛杉矶CN2线路主机上线通知，基于KVM架构，目前可与香港云地、香港邦联机房XEN架构主机一起适用7折优惠码，优惠后最低美国洛杉矶CN2线路KVM架构2GB内存套餐月付38.5元起。LOCPVS是一家成立较早的国人VPS服务商，目前提供洛杉矶MC、洛杉矶C3、和香港邦联、香港沙田电信、香港大埔、日本东京、日本大阪、新加坡、德国和荷兰等机房VPS主机，基于KVM或者XEN架构。...
HostHatch(15美元)大硬盘VPS,香港NVMe,美国、英国、荷兰、印度、挪威、澳大利亚
HostHatch在当地时间7月30日发布了一系列的促销套餐，涉及亚洲和欧美的多个地区机房，最低年付15美元起，一次买2年还能免费升级双倍资源。商家成立于2011年，提供基于KVM架构的VPS主机，数据中心包括中国香港、美国、英国、荷兰、印度、挪威、澳大利亚等国家的十几个地区机房。官方网站：https://hosthatch.com/NVMe VPS(香港/悉尼)1 CPU core (12.5%...
返回顶部为你推荐
-
网页图标在网页上如何显示所想要的网址图标fast路由器路由器fast怎么设置无线网络文件损坏文件损坏是由哪些原因造成的?有什么办法修复吗?阿里下载最新阿里旺旺怎么下载招行信用卡还款招商信用卡怎么还款呢售后软件vivo售后的软件可以删吗官方网店官方网店和官方旗舰店有什么区别?韩文在线翻译韩语在线翻译超市商品价格超市中的商品的价格为什么极少取整，而是多以8或者9结尾？？安全网络攻防大赛CTF是什么意思