返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置？
返回顶部 时间: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主题添加一个返回顶部按钮
- 返回顶部淘宝返回顶部怎么制作
- 返回顶部微信朋友圈怎么快速返回顶部
- 返回顶部淘宝旺铺装修底部的返回顶部链接怎么做
- 返回顶部淘宝返回顶部代码是什么啊？
- 返回顶部谁能介绍一个网站“返回顶部”的详细方法？要详细一点的，我不太会搞，谢谢啦！
Hostodo(年付12美元)，美西斯波坎机房Linux VPS主机66折
Hostodo 商家是比较小众的国外VPS主机商，这不看到商家有推送促销优惠在美国西岸的斯波坎机房还有少部分库存准备通过低价格促销，年付低至12美元Linux VPS主机，且如果是1GB内存方案的可以享受六六折优惠，均是采用KVM架构，且可以支付宝付款。第一、商家优惠码优惠码：spokanessd 1GB+内存方案才可以用到优惠码，其他都是固定的优惠低至年12美元。第二、商家促销这里，我们可以看到...
gcorelabs远东khabarovsk伯力Cloud云服务器测评，告诉你gcorelabs云服务器怎么样
说明一下：gcorelabs的俄罗斯远东机房“伯力”既有“Virtual servers”也有“CLOUD SERVICES”，前者是VPS，后者是云服务器，不是一回事；由于平日大家习惯把VPS和云服务器当做一回事儿，所以这里要特别说明一下。本次测评的是gcorelabs的cloud，也就是云服务器。 官方网站：https://gcorelabs.com 支持：数字加密货币、信用卡、PayPal...
RAKsmart含站群服务器/10G带宽不限流量首月半价
RAKsmart 商家估摸着前段时间服务器囤货较多，这两个月的促销活动好像有点针对独立服务器。前面才整理到七月份的服务器活动在有一些配置上比上个月折扣力度是大很多，而且今天看到再来部分的服务器首月半价，一般这样的促销有可能是商家库存充裕。比如近期有一些服务商挖矿服务器销售不好，也都会采用这些策略，就好比电脑硬件最近也有下降。不管如何，我们选择服务器或者VPS主机要本着符合自己需求，如果业务不需要，...
返回顶部为你推荐
-
网页图标网站ICO图标若想全部添加到网页中，有什么简便方法吗？0x800ccc0f错误号: 0x800CCC0F 这个是虾米意思？burndownburn down是否及物？能用被动语态吗？硬盘分区格式化硬盘分区后怎么格式化互动电视什么是“华数互动电视”？soap是什么意思rbq是什么意思?乐辞自驱力读后感网络购物的发展网购发展史sd卡座SD卡座有能满足CE认证的吗？gps简介GPS是什么