返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置？
返回顶部 时间: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主题添加一个返回顶部按钮
- 返回顶部淘宝返回顶部怎么制作
- 返回顶部微信朋友圈怎么快速返回顶部
- 返回顶部淘宝旺铺装修底部的返回顶部链接怎么做
- 返回顶部淘宝返回顶部代码是什么啊？
- 返回顶部谁能介绍一个网站“返回顶部”的详细方法？要详细一点的，我不太会搞，谢谢啦！
PIGYun中秋特惠：香港/韩国VPS月付14元起
PIGYun发布了九月份及中秋节特惠活动，提供8折优惠码，本月商家主推中国香港和韩国机房，优惠后最低韩国每月14元/中国香港每月19元起。这是一家成立于2019年的国人商家，提供中国香港、韩国和美国等地区机房VPS主机，基于KVM架构，采用SSD硬盘，CN2+BGP线路(美国为CUVIP-AS9929、GIA等)。下面列出两款主机配置信息。机房：中国香港CPU：1core内存：1GB硬盘：10GB...
Buyvm：VPS/块存储补货1Gbps不限流量/$2起/月
BuyVM测评，BuyVM怎么样？BuyVM好不好？BuyVM，2010年成立的国外老牌稳定商家，Frantech Solutions旗下，主要提供基于KVM的VPS服务器，数据中心有拉斯维加斯、纽约、卢森堡，付费可选强大的DDOS防护（月付3美金），特色是1Gbps不限流量，稳定商家，而且卢森堡不限版权。1G或以上内存可以安装Windows 2012 64bit，无需任何费用，所有型号包括免费的...
pacificrack7月美国便宜支持win VPS，$19.99/年，2G内存/1核/50gSSD/1T流量
pacificrack发布了7月最新vps优惠，新款促销便宜vps采用的是魔方管理，也就是PR-M系列。提一下有意思的是这次支持Windows server 2003、2008R2、2012R2、2016、2019、Windows 7、Windows 10，当然啦，常规Linux系统是必不可少的！1Gbps带宽、KVM虚拟、纯SSD raid10、自家QN机房洛杉矶数据中心...支持PayPal、...
返回顶部为你推荐
-
起英文名取个英文名开发者账号如何申请企业开发者账号什么是cookie什么是浏览器COOK？什么是cookie有时遇到网页提示禁止第三方cookie是什么意思？b2c网站B2C模式的网站小项目想创业，二十万以内有什么好项目？招行信用卡还款招商信用卡怎么还款呢快照优化如何优化百度快照t320在网上买的三星平板T320，怎么检查是不是正品行货？burndown如何画burndown chart