最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题TAG最新视频文章视频文章2视频2tag2tag3文章专题问答问答2 文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
怎样快速在CAD中批量提取坐标点数据 怎样使用ps快速抠图 excel格式刷如何使用 win10系统怎么样添加打印机 PS无法复制粘贴文字怎么办 如何快速去掉u盘写保护 美图秀秀如何添加字体 手机上如何修改删除淘宝中差评 在手机淘宝上怎么填写退货或修改退款 打印机连接电脑如何打印文档 如何在word中画线 怎样找回wps已删除并保存了的部分工作表 c盘空间越来越小如何清理 怎样在中国知网上检索sci/ei期刊 视频播放器排行榜 ps中如何输入文字 电脑显示器有波纹抖动怎么解决 lol fps不稳定变低如何解决 苹果手机越狱是什么意思 cad如何将多条线段合并组成整体多段线 CAD打开不开怎么办 笔记本电脑如何打开蓝牙 如何取消幻灯片动画切换的效果 excel怎样进行字符替换 怎样用excel函数判断身份证性别 win10的摄像头在哪?怎么打开呢 win10系统如何关掉自动更新 360浏览器如何设置多标签和多窗口模式 解决XP连接Win7共享打印机时提示缺少*.inf文件 ps如何模糊图片 【PHOTOSHOP】如何利用移动工具移动图像 win7如何在桌面创建宽带连接快捷方式 电视上如何连接麦克风k歌 电脑如何注销新浪微博账号 本机ip地址怎么查 solidworks工程图中如何修改标注比例 怎样安装双系统 360极速浏览器怎样设置主页 foxmail怎么设置个性签名 c盘太小怎么扩容c盘
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
几种常用网页返回顶部代码
2020-03-19 16:26:20 责编:小OO
网站的网页中都有返回顶部的功能,就是当用户访问网页时,可以迅速的返回顶部。这里分享几种常用网页返回顶部代码。

使用锚标记

需在body下放个隐藏的锚点标记,内容如下:

然后,在网页底部放一个访问链接即可:

此方法效果是一次直接跳到顶部,而且URL地址栏会显示个#top。

使用JS scrollTo函数

javascript scroll函数(scrollBy scrollTo)是用来滚动页面到指定位置,格式定义如下:■scrollBy(xnum,ynum)■scrollTo(xpos,ypos

■xnum,ynum分别指水平、垂直滚动多少像素,正值表示向右或向下滚动,负值表示向左或向上滚动
■xpos,ypos分别指水平和垂直坐标。

scrollBy慢速滚动返回顶部

本方式使用上面提到的scrollBy函数,每次只滚动定量像素,整体看起来有点滚动效果,代码如下:

scrollBy函数第二个参数我设了-100,越大(比如-10)滚动越慢,越小滚动越快,启动滚动只需在页面底部加个链接:

JQuery实现返回顶部功能

首先需要在顶部添加如下html元素:<p id="back-to-top"><a href="#top"><span></span>返回顶部</a></p>,其中a标签指向锚点top,可以在顶部防止一个<a name="top"></a>的锚点,这样在浏览器不支持js时也可以实现返回顶部的效果了。要想让返回顶部的图片显示在右侧,还需要一些css样式,如下:

声明:本文由用户 Lgl、 上传分享,本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

显示全文
专题微软推出AI新算法,能够加快旧照片修复效率微软推出AI新算法,能够加快旧照片修复效率专题2022年的假期安排出炉,快来一起看看吧2022年的假期安排出炉,快来一起看看吧专题骑手摔猫引发热议,结果被永久封号骑手摔猫引发热议,结果被永久封号专题张一鸣身价594亿美元超腾讯马化腾,成中国互联网首富张一鸣身价594亿美元超腾讯马化腾,成中国互联网首富专题AI打造童话世界,引领科技生活AI打造童话世界,引领科技生活专题特斯拉公司CEO马斯克,给大众高管传授电动汽车经验特斯拉公司CEO马斯克,给大众高管传授电动汽车经验专题网友爆料蚂蚁森林未种植梭梭,官方辟谣网友爆料蚂蚁森林未种植梭梭,官方辟谣专题AI是否拥有著作权,进入人们的视野AI是否拥有著作权,进入人们的视野专题Twitter股价跌至超10%,创造近 6个月最大跌幅Twitter股价跌至超10%,创造近 6个月最大跌幅专题关于未来人工智能发展的三大预测关于未来人工智能发展的三大预测专题微博新增“炸毁”评论功能:只对自身个人隐藏微博新增“炸毁”评论功能:只对自身个人隐藏专题官方回应解决屏蔽网址链接等问题官方回应解决屏蔽网址链接等问题专题B站上线童年动画专区:重温童年经典B站上线童年动画专区:重温童年经典专题AI审美开始对我们的生活评头论足,影响着我们个性化审美AI审美开始对我们的生活评头论足,影响着我们个性化审美专题韩国电信 KT 对“网络瘫痪事件”正式道歉韩国电信 KT 对“网络瘫痪事件”正式道歉专题网约车车内监控视频引发热议,司机拒逆行遭表扬网约车车内监控视频引发热议,司机拒逆行遭表扬专题抖音直播开展打击低俗、不良价值观内容行动抖音直播开展打击低俗、不良价值观内容行动专题人脸识别AI技术,从梦想走进生活人脸识别AI技术,从梦想走进生活专题王小川告别搜狗,将进入医疗健康领域王小川告别搜狗,将进入医疗健康领域专题部分网约车平台开展非法营运,交通运输部等五部门联合约谈部分网约车平台开展非法营运,交通运输部等五部门联合约谈专题软银成立30亿美元,用来投资拉美科技公司软银成立30亿美元,用来投资拉美科技公司专题多家互联网集团取消大小周,小鹏汽车每天工作8小时多家互联网集团取消大小周,小鹏汽车每天工作8小时专题AI防“疫”,人工智能发挥了多少作用?AI防“疫”,人工智能发挥了多少作用?专题段永平回应“重出江湖联合OV造车”绝不会发生段永平回应“重出江湖联合OV造车”绝不会发生专题AI助力精准防控,帮助病例筛查、药物研发AI助力精准防控,帮助病例筛查、药物研发专题外卖骑手为消差评拿砖上门被刑拘,结果顾客没评论外卖骑手为消差评拿砖上门被刑拘,结果顾客没评论专题分析师认为马斯克将凭SpaceX成首位万亿富豪分析师认为马斯克将凭SpaceX成首位万亿富豪专题人脸识别技术应用应该刹刹车,划定好边界人脸识别技术应用应该刹刹车,划定好边界专题知名游戏主播山泥若二审宣判,被判刑3年并处罚金5万元知名游戏主播山泥若二审宣判,被判刑3年并处罚金5万元专题公租房小区被曝,超过10万元的豪车拒进公租房小区被曝,超过10万元的豪车拒进专题淘宝回到顶部代码专题淘宝轮播图代码生成器专题调鸡尾酒常用的几种酒专题淘宝全屏代码装修专题阿里字体图标库专题手机端页面模板专题手机端网页制作专题代码生成网站专题css和html的区别专题手机端网页设计专题css代码生成器专题手机端返回顶部链接专题返回顶部js代码专题淘宝首页搜索框代码专题天猫返回顶部代码专题淘宝首页返回顶部代码专题京东返回顶部代码专题天猫首页返回顶部代码专题悬浮代码专题返回顶部链接专题