返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置？
返回顶部 时间: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主题添加一个返回顶部按钮
- 返回顶部淘宝返回顶部怎么制作
- 返回顶部微信朋友圈怎么快速返回顶部
- 返回顶部淘宝旺铺装修底部的返回顶部链接怎么做
- 返回顶部淘宝返回顶部代码是什么啊？
- 返回顶部谁能介绍一个网站“返回顶部”的详细方法？要详细一点的，我不太会搞，谢谢啦！
MineServer：洛杉矶CN2 GIA VPS/512MB内存/20GB NVME/800GB流量/200Mbps/KVM,58元/季
mineserver怎么样?mineserver是一家国人商家，主要提供香港CN2 KVM VPS、香港CMI KVM VPS、日本CN2 KVM VPS、洛杉矶cn2 gia端口转发等服务，之前介绍过几次，最近比较活跃。这家新推出了洛杉矶CN2 GIA VPS，512MB内存/20GB NVME/800GB流量/200Mbps/KVM,58元/季，并且进行了带宽升级，同时IP更改为美国IP。点击...
RAKsmart：美国洛杉矶独服,E3处理器/16G/1TB,$76.77/月;美国/香港/日本/韩国站群服务器,自带5+253个IPv4
RAKsmart怎么样？RAKsmart机房即日起开始针对洛杉矶机房的独立服务器进行特别促销活动：低至$76.77/月，最低100Mbps带宽，最高10Gbps带宽，优化线路，不限制流量，具体包括有：常规服务器、站群服务器、10G大带宽服务器、整机机柜托管。活动截止6月30日结束。RAKsmart，美国华人老牌机房，专注于圣何塞服务器，有VPS、独立服务器等。支持PayPal、支付宝付款。点击直达...
Boomer.Host(年付3.5美)休斯敦便宜VPS
Boomer.Host是一家比较新的国外主机商，虽然LEB自述 we’re now more than 2 year old，商家提供虚拟主机和VPS，其中VPS主机基于OpenVZ架构，数据中心为美国得克萨斯州休斯敦。目前，商家在LET发了两款特别促销套餐，年付最低3.5美元起，特别提醒：低价低配，且必须年付，请务必自行斟酌确定需求再入手。下面列出几款促销套餐的配置信息。CPU：1core内存：...
返回顶部为你推荐
-
bug代码CF怎么卡BUG，而且不会错误代码，请教高手descriptionDescription是什么意思？按键精灵教程怎么使用按键精灵eofexceptionjava中352627java.io.EOFException是什么意思fast路由器FAST/迅捷无线路由器怎么设置体系文件什么叫采购体系文件a8处理器AMD A8的CPU怎么样？路由器映射我家被人装路由器映射有什么用教育城域网怎样进入寿光教育城域网网站b2c网站B2C模式的网站