返回顶部制作网页如何做出“返回顶部”图标并固定在页面右下的位置？
返回顶部 时间: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主题添加一个返回顶部按钮
- 返回顶部淘宝返回顶部怎么制作
- 返回顶部微信朋友圈怎么快速返回顶部
- 返回顶部淘宝旺铺装修底部的返回顶部链接怎么做
- 返回顶部淘宝返回顶部代码是什么啊？
- 返回顶部谁能介绍一个网站“返回顶部”的详细方法？要详细一点的，我不太会搞，谢谢啦！
ZJI全新上架香港站群服务器,4C段238个IP月付1400元起
ZJI本月新上线了香港葵湾机房站群服务器，提供4个C段238个IPv4，支持使用8折优惠码，优惠后最低每月1400元起。ZJI是原Wordpress圈知名主机商家：维翔主机，成立于2011年，2018年9月更名为ZJI，提供中国香港、台湾、日本、美国独立服务器(自营/数据中心直营)租用及VDS、虚拟主机空间、域名注册等业务，所选数据中心均为国内普遍访问速度不错的机房。葵湾二型(4C站群)CPU：I...
RAKsmartCloud服务器,可自定义配置月$7.59
RAKsmart商家一直以来在独立服务器、站群服务器和G口和10G口大端口流量服务器上下功夫比较大，但是在VPS主机业务上仅仅是顺带，尤其是我们看到大部分主流商家都做云服务器，而RAKsmart商家终于开始做云服务器，这次试探性的新增美国硅谷机房一个方案。月付7.59美元起，支持自定义配置，KVM虚拟化，美国硅谷机房，VPC网络/经典网络，大陆优化/精品网线路，支持Linux或者Windows操作...
virmach：AMD平台小鸡，赌一把，单车变摩托？$7.2/年-512M内存/1核/10gSSD/1T流量，多机房可选
virmach送来了夏季促销，价格低到爆炸，而且在低价的基础上还搞首年8折，也就是说VPS低至7.2美元/年。不过，这里有一点要说明：你所购买的当前的VPS将会在09/30/2021 ~ 04/30/2022进行服务器转移，而且IP还会改变，当前的Intel平台会换成AMD平台，机房也会变动（目前来看以后会从colocrossing切换到INAP和Psychz），采取的是就近原则，原来的水牛城可能...
返回顶部为你推荐
-
菜鸟网络怎么做网络招聘支付宝账单查询支付宝账单怎么查小项目奥运会一共有几个大项目小项目？快照优化快照跟不上优化节奏优化方法出问题？code查询怎么查code？黑屏操作麻烦问一下 黑屏的各个指令科学计算器说明书求科学计算器怎么用分销渠道案例王老吉分销渠道案例分析fshow悬木铃是什么植物e游一般的动漫游戏中，EX是什么意思