方法1：
<head>
<style type="text/css">
#form_top{display:block; bottom:3px; right:3px; position:fixed;}
.top_img{
background-image: url("img/top.png");
width: 40px;
height:40px;
cursor: pointer;
}
</style>
</head>
<body>
<a id="_top"></a>
<div id="form_top"><a href="#_top" title="回到顶部"><div class="top_img">回到顶部</div></a></div>
</body>
方法2：
<body>
<div id="scrollA" class="intr_tit"></div>
<button id="ScrollToTop" class="btnimg Button2 WhiteButton Offscreen" type="button">返回<br>顶部</button>
<script type="text/javascript">
$(document).ready(function(){
ScrollToTop.setup();
});
ScrollToTop.setup=function(){
//var a=$(window).height()/5;
var a=$("#scrollA").offset().top;
//alert(a.top);
$(window).scroll(function(){
(window.innerWidth?window.pageYOffset:document.documentElement.scrollTop)>=a?$("#ScrollToTop").removeClass("Offscreen"):$("#ScrollToTop").addClass("Offscreen");
});
$("#ScrollToTop").click(function(){
$("html, body").animate({scrollTop:"0px"},400);
return false;
});
};
</script>
</body>
相关推荐
【jQuery回到顶部功能详解】 在网页设计中，用户在浏览长页面时，有时需要快速返回页面顶部，这就需要用到“回到顶部”功能。本教程将详细讲解如何使用jQuery实现这一功能，以及相关的优化策略。 首先，我们需要...
在网页设计中，当用户滚动页面到底部时，提供一个便捷的“返回顶部”链接是非常实用的，它可以帮助用户快速回到页面的起始位置，提升用户体验。 【描述】：“效果比较好的jQuery返回顶部代码”指的是利用jQuery的...
本篇文章将详细解析如何利用jQuery库来实现这一功能，以及如何创建一个底部小火箭样式的返回顶部按钮。 首先，jQuery是一个强大的JavaScript库，它简化了DOM操作、事件处理、动画效果以及Ajax交互。在实现返回顶部...
在网页设计中，"返回顶部"按钮是一种常见且实用的功能，尤其在长页面中，它可以帮助用户快速地回到页面的起始位置，提高用户体验。在本案例中，我们讨论的是如何使用jQuery实现一个可隐藏的返回顶部按钮。jQuery是一...
本资源"图翼网侧边jQuery返回顶部代码.zip"提供了一个实用的jQuery特效，适用于网站的侧边栏，增强用户体验。下面我们将详细探讨这个特效涉及的jQuery知识点以及实现原理。 首先，jQuery的事件处理是关键部分。在这...
在网页设计中，"div css3样式表制作jquery返回顶部特效"是一个常见的需求，它能够提升用户体验，使得用户在浏览长页面时能快速返回页面顶部。这个主题涉及到三个主要技术：HTML的`div`元素、CSS3样式以及jQuery库。 ...
"jQuery返回顶部"就是一个实现这一功能的典型技术，它利用JavaScript库jQuery来实现平滑、动态的效果，比如可变透明度。下面将详细阐述这个知识点。 首先，jQuery是一个轻量级的JavaScript库，它简化了JavaScript的...
【jQuery返回顶部跟底部浮窗代码】是一种常见的网页交互元素，用于提高用户体验。在网页滚动时，用户可以方便地点击这个浮动窗口中的按钮，快速回到页面的顶部或底部。这种设计常见于长页面，比如博客文章、产品...
【扫微信二维码jQuery返回顶部】是一款实用的前端代码实现，主要功能是结合jQuery技术，为网页提供一个便捷的用户交互体验。此代码的核心是利用jQuery库来操控DOM元素，实现鼠标悬停时二维码图片的缩放展示，以及...
标题中的“jQuery返回顶部特效，网页右下角的回到顶部按钮”是指在网页设计中，使用jQuery库实现的一种交互功能。这种功能允许用户在浏览页面时，点击位于页面右下角的一个按钮，快速将滚动条返回到页面顶部，提供...
《jQuery回到顶部插件：jquery.goup.js深度解析》 在网页设计中，当页面内容过多时，用户可能需要频繁滚动来浏览整个页面。为了提供更好的用户体验，许多开发者选择引入“返回顶部”功能，使用户只需点击一下，就能...
标题中的“jquery回到顶部源代码”指的是一个使用jQuery库实现的网页滚动到顶部功能的代码。这个功能通常出现在页面滚动到底部时，提供一个按钮或链接，点击后可以使页面瞬间返回到顶部，方便用户浏览。在网页设计和...
这个“js返回顶部/底部demo Jquery返回顶部/底部案例”是一个示例，展示了如何使用JavaScript和jQuery库来实现这样的功能。在这个案例中，我们将深入探讨如何使用HTML、CSS和JavaScript/jQuery来创建这些实用的交互...
**jQuery 返回顶部悬浮插件详解** 在网页设计中，当页面内容较长时，为了方便用户快速返回页面顶部，通常会添加一个返回顶部的悬浮按钮。本文将深入解析一个基于jQuery实现的高效、炫酷的返回顶部插件。该插件代码...
当用户在浏览长页面时，滚动到底部，一个明显的“返回顶部”按钮或链接可以帮助他们快速回到页面的开始位置，节省了滚动的时间。 在这个代码实现中，利用jQuery的特性，我们可以创建一个简单的HTML结构，例如一个...
"jQuery 返回顶部插件"是一个常见的网页交互元素，旨在提供用户友好的体验，帮助用户轻松地将浏览焦点返回页面顶部。这种插件尤其在长页面中十分实用，减少了用户滚动鼠标回到顶部的麻烦。 使用 jQuery 返回顶部...
**jQuery 实现返回顶部功能详解** 在网页设计中，尤其是内容丰富的页面，用户滚动浏览到页面底部时，可能需要一个便捷的方式快速返回页面顶部。jQuery 提供了一个简单且高效的解决方案来实现这一功能，使得用户体验...
在网页设计中，为了提高用户体验，常常会添加一个“返回顶部”的功能，使得用户在浏览长页面时能快速回到页面的起始位置。本篇文章将详细解析如何使用jQuery来实现这一功能，并结合CSS3实现动态效果，特别是与微博...
**jQuery返回顶部功能详解** 在网页设计中，为了提高用户体验，常常会添加一个“返回顶部”的功能，使得用户在浏览长页面时能快速跳转到页面的顶部。本篇文章将详细解析如何使用jQuery实现这个功能，并确保其在各种...
【jQuery返回顶部功能详解】 jQuery返回顶部是一种常见的网页交互效果，它允许用户通过点击一个按钮或图标快速滚动到页面的顶部。在“木蚂蚁网站jQuery返回顶部”这个案例中，这个功能是为木蚂蚁官方网站定制的，以...