返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置？
返回顶部 时间: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天不退款 物...
piayun(pia云)240元/季起云服务器，香港限时季付活动,cn2线路,4核4G15M
pia云怎么样?pia云是一家2018的开办的国人商家，原名叫哔哔云，目前整合到了魔方云平台上，商家主要销售VPS服务，采用KVM虚拟架构 ，机房有美国洛杉矶、中国香港和深圳地区，洛杉矶为crea机房，三网回程CN2 GIA，带20G防御。目前，Pia云优惠促销，年付全场8折起，香港超极速CN2季付活动，4核4G15M云服务器仅240元/季起，香港CN2、美国三网CN2深圳BGP优质云服务器超高性...
搬瓦工香港 PCCW 机房已免费迁移升级至香港 CN2 GIA 机房
搬瓦工最新优惠码优惠码：BWH3HYATVBJW，节约6.58%，全场通用！搬瓦工关闭香港 PCCW 机房通知下面提炼一下邮件的关键信息，原文在最后面。香港 CN2 GIA 机房自从 2020 年上线以来，网络性能大幅提升，所有新订单都默认部署在香港 CN2 GIA 机房；目前可以免费迁移到香港 CN2 GIA 机房，在 KiwiVM 控制面板选择 HKHK_8 机房进行迁移即可，迁移会改变 IP...
返回顶部为你推荐
-
bug代码CF怎么卡BUG，而且不会错误代码，请教高手文件损坏安装软件显示文件已损坏怎么回事光纤是什么什么是光纤？网络图绘制双代号网络图的绘制方法？网络限速软件谁有网络限速的软件，路由器。很卡~别人一看电影什么都干不了。提供个限速的软件。下载成功给分！硬盘分区格式化如何将电脑里的所有硬盘分区全部格式化？工作经验介绍工作经历简介怎么写开房数据库ODBC数据库是什么呢?乐辞自驱力读后感超市商品价格超市商品价格写一篇小作文怎么写