返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置？
返回顶部 时间: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主题添加一个返回顶部按钮
- 返回顶部淘宝返回顶部怎么制作
- 返回顶部微信朋友圈怎么快速返回顶部
- 返回顶部淘宝旺铺装修底部的返回顶部链接怎么做
- 返回顶部淘宝返回顶部代码是什么啊？
- 返回顶部谁能介绍一个网站“返回顶部”的详细方法？要详细一点的，我不太会搞，谢谢啦！
iWebFusion：独立服务器月付57美元起/5个机房可选,10Gbps服务器月付149美元起
iWebFusion(iWFHosting)在部落分享过很多次了，这是成立于2001年的老牌国外主机商H4Y旗下站点，提供的产品包括虚拟主机、VPS和独立服务器租用等等，其中VPS主机基于KVM架构，数据中心可选美国洛杉矶、北卡、本德、蒙蒂塞洛等。商家独立服务器可选5个不同机房，最低每月57美元起，而大流量10Gbps带宽服务器也仅149美元起。首先我们分享几款常规服务器配置信息，以下机器可选择5...
€4.99/月Contabo云服务器，美国高性价比VPS/4核8G内存200G SSD存储
Contabo是一家运营了20多年的欧洲老牌主机商，之前主要是运营德国数据中心，Contabo在今年4月份增设新加坡数据中心，近期同时新增了美国纽约和西雅图数据中心。全球布局基本完成，目前可选的数据中心包括：德国本土、美国东部（纽约）、美国西部（西雅图）、美国中部（圣路易斯）和亚洲的新加坡数据中心。Contabo的之前国外主机测评网站有多次介绍，他们家的特点就是性价比高，而且这个高不是一般的高，是...
快云科技：香港沙田CN2云服务器低至29元/月起;美国高防弹性云/洛杉矶CUVIP低至33.6元/月起
快云科技怎么样?快云科技是一家成立于2020年的新起国内主机商，资质齐全 持有IDC ICP ISP等正规商家。云服务器网(yuntue.com)小编之前已经介绍过很多快云科技的香港及美国云服务器了，这次再介绍一下新的优惠方案。目前，香港云沙田CN2云服务器低至29元/月起;美国超防弹性云/洛杉矶CUVIP低至33.6元/月起。快云科技的云主机架构采用KVM虚拟化技术，全盘SSD硬盘，RAID10...
返回顶部为你推荐
-
监控员工公司如何监控员工手机和微信0x800ccc0f任务“POP3.163.COM－正在接收”报告了错误（0x800CCC0F)快照优化如何优化百度快照t320华为T320怎么样burndownburn down与burn up有何区别开房数据库怎么用身份证查开房记录，开房记录如何查询黑屏操作电脑在黑屏的情况怎么重新操作系统怎样上传照片怎么上传照片？网游木马最新网游木马及其防范技巧云弟关于石榴的古诗