如何通过
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
评论1