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

返回顶部时间: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主题添加一个返回顶部按钮

返回顶部淘宝旺铺装修底部的返回顶部链接怎么做

返回顶部谁能介绍一个网站“返回顶部”的详细方法？要详细一点的，我不太会搞，谢谢啦！

重装系统后数据恢复重装系统后文件丢失如何恢复求答案庞大"机构庞大指挥不灵"是什么成语大牛网大牛网怎么样体系文件人事管理体系文件怎么做？教育城域网怎样进入寿光教育城域网网站购物网站设计Jsp+Sql电子商城&网上购物网站设计海淀区公司注册在北京如何注册公司分销渠道案例王老吉分销渠道案例分析我的电脑打开很慢电脑开机慢怎么办电脑速度慢怎么办 2000万开房信息宾馆开房一般在公安局保存多久域名注册godaddy vps租用国外vps主机 asp.net主机 info域名 typecho 空间论坛息壤代理厦门电信 vul 华为k3 阿里云手机官网存储服务器国外免费网盘葫芦机腾讯服务器 .htaccess accountsuspended 空间排行榜免费的加速器更多

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

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

Hostio€5/月KVM-2GB/25GB/5TB/荷兰机房

一键去除宝塔面板各种计算题与延时等待

易探云330元/年，成都4核8G/200G硬盘/15M带宽,仅1888元/3年起