返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置?

返回顶部  时间: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>

georgedatacenter39美元/月$20/年/洛杉矶独立服务器美国VPS/可选洛杉矶/芝加哥/纽约/达拉斯机房/

georgedatacenter这次其实是两个促销,一是促销一款特价洛杉矶E3-1220 V5独服,性价比其实最高;另外还促销三款特价vps,georgedatacenter是一家成立于2019年的美国VPS商家,主营美国洛杉矶、芝加哥、达拉斯、新泽西、西雅图机房的VPS、邮件服务器和托管独立服务器业务。georgedatacenter的VPS采用KVM和VMware虚拟化,可以选择windows...

HostHatch(15美元)大硬盘VPS,香港NVMe,美国、英国、荷兰、印度、挪威、澳大利亚

HostHatch在当地时间7月30日发布了一系列的促销套餐,涉及亚洲和欧美的多个地区机房,最低年付15美元起,一次买2年还能免费升级双倍资源。商家成立于2011年,提供基于KVM架构的VPS主机,数据中心包括中国香港、美国、英国、荷兰、印度、挪威、澳大利亚等国家的十几个地区机房。官方网站:https://hosthatch.com/NVMe VPS(香港/悉尼)1 CPU core (12.5%...

国内云服务器 1核 2G 2M 15元/月 萤光云

标题【萤光云双十二 全场6折 15元/月 续费同价】今天站长给大家推荐一家国内云厂商的双十二活动。萤光云总部位于福建福州,其成立于2002 年。主打高防云服务器产品,主要提供福州、北京、上海 BGP 和香港 CN2 节点。萤光云的高防云服务器自带 50G 防御,适合高防建站、游戏高防等业务。这家厂商本次双十二算是性价比很高了。全线产品6折,上海 BGP 云服务器折扣更大 5.5 折(测试了一下是金...

返回顶部为你推荐
推信怎么样才可以精准引流?模糊数学模糊数学模型有哪些起英文名根据中文名取英文名antiarp360防火墙:antiarp.exe文件损坏.运行chkdsk是什么意思?怎么处理?0x800ccc0f错误号: 0x800CCC0F 这个是虾米意思?硬盘分区格式化怎样给硬盘分区并格式化硬盘分区格式化硬盘分区后怎么格式化code查询手机CODE查询网络购物的发展网购未来的发展趋势如何?科学计算器说明书科学计算机具体怎么用?
高防服务器租用qy 电信服务器租赁 simcentric namecheap pw域名 wavecom 国外idc 174.127.195.202 香港新世界电讯 win8.1企业版升级win10 qq数据库 qingyun asp免费空间申请 idc是什么 香港亚马逊 沈阳主机托管 畅行云 学生服务器 黑科云 葫芦机 更多