返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置？
返回顶部 时间: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主题添加一个返回顶部按钮
- 返回顶部淘宝返回顶部怎么制作
- 返回顶部微信朋友圈怎么快速返回顶部
- 返回顶部淘宝旺铺装修底部的返回顶部链接怎么做
- 返回顶部淘宝返回顶部代码是什么啊？
- 返回顶部谁能介绍一个网站“返回顶部”的详细方法？要详细一点的，我不太会搞，谢谢啦！
快快云：香港沙田CN2/美国Cera大宽带/日本CN2,三网直连CN2 GIA云服务器和独立服务器
快快云怎么样?快快云是一家成立于2021年的主机服务商，致力于为用户提供高性价比稳定快速的主机托管服务，快快云目前提供有香港云服务器、美国云服务器、日本云服务器、香港独立服务器、美国独立服务器，日本独立服务器。快快云专注为个人开发者用户,中小型,大型企业用户提供一站式核心网络云端服务部署,促使用户云端部署化简为零,轻松快捷运用云计算!多年云计算领域服务经验,遍布亚太地区的海量节点为业务推进提供强大...
亚洲云-浙江高防BGP.提供自助防火墙高防各种offer高防BGP！
亚洲云Asiayun怎么样？亚洲云Asiayun好不好？亚洲云成立于2021年，隶属于上海玥悠悠云计算有限公司（Yyyisp），是一家新国人IDC商家，且正规持证IDC/ISP/CDN，商家主要提供数据中心基础服务、互联网业务解决方案，及专属服务器租用、云服务器、云虚拟主机、专属服务器托管、带宽租用等产品和服务。Asiayun提供源自大陆、香港、韩国和美国等地骨干级机房优质资源，包括B...
麻花云-香港CN2云服务器，安徽BGP线路，安徽移动大带宽！全系6折！
一、麻花云官网点击直达麻花云官方网站二、活动方案优惠码：专属优惠码：F1B07B 享受85折优惠。点击访问活动链接最新活动 :五一狂欢 惠战到底 香港云主机 1.9折起香港特价体验云主机CN2 云服务器最新上线KVM架构，，默认40G SSD，+10G自带一个IPv4，免费10Gbps防御，CPU内存带宽价格购买1核1G1M19元首月链接2核2G 2M92元/3个月链接2核4G3M112元/3个月...
返回顶部为你推荐
-
fast路由器如何设置fast路由器用户名和密码体系文件ISO体系文件分级招行信用卡还款招行信用卡还款顺序是怎样的网络限速软件谁有网络限速的软件，路由器。很卡~别人一看电影什么都干不了。提供个限速的软件。下载成功给分！网络购物的发展网络购物的发展对策海淀区公司注册在北京海淀区注册的有限责任公司，要增加自然人股东，需要准备哪些材料？分销渠道案例王老吉分销渠道案例分析fshow为什么日文里面还有很多中文?key网key所有作品上网能干什么上网可以干什么?