如何通过HTML标记或JS代码实现跳转返回页面顶部

JavaScript010

如何通过HTML标记或JS代码实现跳转返回页面顶部,第1张

可以通过html的锚标签来实现

<html>

<head></head>

<body>

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

.........................

<!--在返回顶部按钮处写-->

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

</body>

</html>

js的写法

页面上的返回顶部按钮

<button type="button" onclick="GoTop()"></button>

js中的写法

function GoTop(){

if (document.body &&document.body.scrollTop &&document.body.scrollLeft)

{

document.body.scrollTop=0

}

if (document.documentElement &&document.documentElement.scrollTop &&document.documentElement.scrollLeft)

{

document.documentElement.scrollTop=0

}

}

JS或者jquery设置滚动条回到顶部的方法：

返回顶部：设置为body的scrollTop为0  

滑动效果：animate（Jquery的自定义动画）

备注：returnTop为触发返回顶部的元素ID。

JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

你说的情况应该是在拖住滚动条后不停的上下滚动，然后即使停止拖动也会出现忽隐忽现的效果

在选择器中使用 :not(:animated)，fade 之前不要使用 stop

if($(this).scrollTop() >100) {

    $(".scrollTop_btn:not(:animated)").fadeIn()

} else {

    $(".scrollTop_btn:not(:animated)").fadeOut()

}