通过HTML标记或JS代码实现跳转返回页面顶部 - CSDN文库

返回页面顶部

2星需积分: 41 73 浏览量更新于2023-03-16 评论 1 收藏 36KB DOCX 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

如何通过

HTML

标记或

JS

代码实现跳转返回页面顶部

分类：技术新闻 2011-04-26 12:49661 人阅读评论(0)收藏举报

目录(?)[+]

本文介绍三款简单的返回页面顶部代码，可以使用简单的 HTML 锚标记，也可使用

Javascript Scroll 函数动态返回，其它的还有悬浮脚本等有点复杂了，本文不再介绍，大家

根据自己需要选择其中的一种即可，总之简约最美的，能减少代码就减少代码，能不调用

的就别调用，要不是天缘博客的文章都是牛长也不会添加这个功能。

1 一、使用锚标记返回页面顶部

使用 HTML 锚标记最简单，就是看起来有点不好看，点击后会在地址栏显示这个锚标记，

其它的倒没什么。

页面顶部放置：

<a name="top" id="top"></a>

放置位置在<body>标签之后随便找个地方放都可以，只要靠近顶部即可。

页面底部放置：

<a href="#top" target="_self">返回顶部</a>

2 二、使用 Javascript Scroll 函数返回顶部

scrooll 函数用来控制滚动条的位置，有两种很简单的实现方式：

方式 1：

[javascript] view plaincopyprint?

1. <a href="javascript:scroll(0,0)" mce_href="javascript:scroll(0,0)">

返回顶部</a>

scroll 第一个参数是水平位置，第二个参数是垂直位置，比如要想定位在垂直 50 像素处，

改成 scroll(0,50)就可以了。

<a href ="j avascr i pt : scr ol l ( 0, 0) " mce_hr ef ="j avascri

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

评论1

hexinya123

2014-05-27

方法都不错，但是没有一个适用的。

为梦想出发！

粉丝: 1
资源: 9

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈