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

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

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

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

模糊数学模糊数学与人们常说的数学有何差别?谢谢 fast路由器如何设置fast路由器用户名和密码 swift语言Swift 集成了哪些语言的特性站内搜索引擎站内搜索与百度的搜索引擎有什么本质性的区别？哪些大数据公司提供站内搜索这种服务？木马杀毒木马杀毒到底有什么用？能彻底杀的了吗？0x800ccc0f您的服务器意外终止了连接。其可能原因包括服务器出错、网络出错或长时间处于非活动状态。 0x800CCC0F 电商网站设计电子商务网站设计应注意哪些问题海淀区公司注册北京海淀培训公司注册如何办理？省份证查询如何免费查询个人身份证号码归属地及姓名分销渠道案例王老吉分销渠道案例分析韩国vps俄罗斯美女免费cn域名 justhost 息壤备案 rackspace 免备案cdn 网站保姆 ixwebhosting 私有云存储浙江独立云全民创梦腾讯云分析七夕快乐英文 web服务器安全湖南idc 中国电信宽带测速 tracker服务器 cdn加速技术 magento主机更多

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

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

酷番云78元台湾精品CN2 2核 1G 60G SSD硬盘

台湾云服务器整理推荐UCloud/易探云！

热网互联33元/月,香港/日本/洛杉矶/韩国CN2高速线路云主机