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

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

Hosteons:洛杉矶/纽约/达拉斯免费升级10Gbps端口,KVM年付21美元起

今年1月的时候Hosteons开始提供1Gbps端口KVM架构VPS,目前商家在LET发布消息,到本月30日之前,用户下单洛杉矶/纽约/达拉斯三个地区机房KVM主机可以从1Gbps免费升级到10Gbps端口,最低年付仅21美元起。Hosteons是一家成立于2018年的国外VPS主机商,主要提供VPS、Hybrid Dedicated Servers及独立服务器租用等,提供IPv4+IPv6,支持...

麻花云-香港CN2云服务器,安徽BGP线路,安徽移动大带宽!全系6折!

一、麻花云官网点击直达麻花云官方网站二、活动方案优惠码:专属优惠码:F1B07B 享受85折优惠。点击访问活动链接最新活动 :五一狂欢 惠战到底 香港云主机 1.9折起香港特价体验云主机CN2 云服务器最新上线KVM架构,,默认40G SSD,+10G自带一个IPv4,免费10Gbps防御,CPU内存带宽价格购买1核1G1M19元首月链接2核2G 2M92元/3个月链接2核4G3M112元/3个月...

亚洲云Asiayu,成都云服务器 4核4G 30M 120元一月

点击进入亚云官方网站(www.asiayun.com)公司名:上海玥悠悠云计算有限公司成都铂金宿主机IO测试图亚洲云Asiayun怎么样?亚洲云Asiayun好不好?亚云由亚云团队运营,拥有ICP/ISP/IDC/CDN等资质,亚云团队成立于2018年,经过多次品牌升级。主要销售主VPS服务器,提供云服务器和物理服务器,机房有成都、美国CERA、中国香港安畅和电信,香港提供CN2 GIA线路,CE...

返回顶部为你推荐
嵌入式开发嵌入式软件开发在三年后的就业前景如何?文件下载怎么把电脑上的文件下载到U盘里?表单提交form表单提交能提交页面哪些内容大牛网大牛网怎么样摇一摇周边什么是微信摇一摇周边?电商网站设计电商网站设计需要注意哪些里程碑2现在入手一台里程碑2如何?省份证查询怎么查询我的身份证都注册了什么网站?分销渠道案例企业分销渠道成功的案例分析宴请网如何加入虚拟网
虚拟主机提供商 中文域名申请 ipage 国内免备案主机 hawkhost优惠码 inmotionhosting 私服服务器 payoneer 好看的桌面背景大图 大容量存储器 有奖调查 东莞服务器 流媒体加速 Updog 优酷黄金会员账号共享 美国独立日 美国盐湖城 监控服务器 韩国代理ip 阿里云免费邮箱 更多