`

jquery方法之scrollTop()

 
阅读更多
scrollTop()
返回或设置匹配元素的滚动条的垂直位置,对于可见元素和不可见元素均有效。

语法:$(selector).scrollTop(offset) 
offset可选参数,规定相对滚动条顶部的偏移,以像素计。

*当用于获取值时,该方法只返回第一个匹配元素的 scroll top offset。
*当用于设置值时,该方法设置所有匹配元素的 scroll top offset。



具体参见:http://www.w3school.com.cn/jquery/css_scrolltop.asp


实际应用中,jQuery动画效果animate和scrollTop通常会结合使用,现在大多页面的返回顶部就是这么实现的,具体请看下面:http://wangjingyi.iteye.com/blog/2175892
分享到:
评论

相关推荐

    返回顶部 jquery scrolltop

    本教程将详细讲解如何利用jQuery实现一个简单的、具有图片按钮和渐入渐出效果的“返回顶部”功能,并且这个功能在IE浏览器6到11版本上都能正常工作。 首先,我们需要引入jQuery库。jQuery是一个轻量级的JavaScript...

    jQuery中scrollTop()方法用法实例

    在jQuery库中,`scrollTop()`方法是一个非常实用的工具,用于处理页面或元素的垂直滚动位置。这个方法有两种主要的用法,可以根据是否传递参数来区分。 **1. 获取滚动条位置 (无参数)** 当`scrollTop()`方法不带...

    ScrollTop滚动 jquery自定义滚动到指定位置

    本主题聚焦于jQuery中的`scrollTop`方法,这是一个强大的工具,用于处理页面的滚动行为,尤其是实现自定义滚动到指定位置的功能。下面将详细探讨`scrollTop`的使用和相关知识点。 首先,`scrollTop`是一个获取或...

    基于jQuery实现滚动刷新效果

    Jquery实现简单的滚动刷新效果: 实际情况使用Ajax获取后台数据更新前端页面即可实现页面滚动刷新效果 HTML正文: <form id="form1" runat="server"> </form> Javascript操作代码: $(document)....

    jquery scrollTop方法根据滚动像素显示隐藏顶部导航条

    jQuery 的 `scrollTop` 方法为我们提供了这样的功能。 `scrollTop` 是一个 jQuery 中非常实用的方法,它允许我们获取或设置元素的垂直滚动位置。这个方法的核心在于通过监听滚动事件来动态调整导航条的显示状态。在...

    jquery回到顶部插件jquery.goup.js

    今天我们将深入探讨一款名为“jquery.goup.js”的jQuery插件,了解它的原理、使用方法以及如何自定义以满足不同需求。 一、jquery.goup.js概述 “jquery.goup.js”是jQuery的一个轻量级插件,专门用于实现“返回...

    jqueryScript 特效 jqueryScript js

    5. **滚动特效**: `scroll()`事件和`scrollTop()`、`scrollLeft()`方法可以实现滚动相关的特效,如固定头部、滚动加载等。 **jQueryScript与JavaScript的区别** 虽然jQueryScript基于JavaScript,但它们之间还是有...

    jQuery动画效果animate和scrollTop结合使用实例

    这里我们讨论的是jQuery中的`animate`方法和`scrollTop`属性的结合使用,这是一种实现页面滚动动画效果的有效方式。 `animate`是jQuery提供的一种高级功能,允许开发者平滑地改变一个或多个CSS属性值,从而创建出...

    jQuery 获得控件的坐标位置

    jQuery 提供了一系列方法来方便地获取这些坐标值。本文将详细介绍如何使用 jQuery 来获取元素相对于窗口以及滚动条的位置。 #### 一、`offset()` 方法 `offset()` 方法用于获取元素相对于文档的当前位置(不包括...

    jQuery实现表头固定表格内容滚动效果

    `jQuery`作为一个广泛使用的JavaScript库,提供了丰富的功能和便利的方法来实现这种效果。本教程将深入探讨如何利用`jQuery`来创建一个表头固定、内容区域可滚动的表格。 首先,我们需要在HTML中构建基本的表格结构...

    jquery页面定位导航

    实现这个功能,我们可以使用 jQuery 的 `animate()` 和 `scrollTop()` 方法。`animate()` 方法允许我们创建平滑的动画效果,而 `scrollTop()` 方法则用于获取或设置元素的垂直滚动位置。结合这两个方法,我们可以...

    浅谈jQuery页面的滚动位置scrollTop、scrollLeft

    官方文档的解释有点含糊,其实换个角度就很容易理解了,scrollTop获取的是内部元素超出外部容器的高度。例如:$('window').scrollTop()获取的就是当前这个页面超出窗口最上端的高度,scrollLeft与此同理

    jquery的照片墙效果

    对于动画效果,JQuery提供了一系列的动画方法,如`fadeIn()`, `slideUp()`, `slideDown()`等。我们可以利用这些方法实现图片的淡入淡出效果,或者在用户滚动页面时加载更多图片。 ```javascript $(window).scroll...

    jquery的说明文档

    - **尺寸与位置**:`width()`, `height()`, `innerWidth()`, `innerHeight()`, `outerWidth()`, `outerHeight()` 获取尺寸,`offset()`, `position()`, `scrollLeft()`, `scrollTop()` 获取位置信息。 - **DOM 事件*...

    js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法

    页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 ... var scrollTop = $(this).scrollTop();

    jQuery表格信息自动向上滚动代码.zip

    总的来说,利用jQuery实现表格自动向上滚动是提高用户体验的有效方法,它结合了事件处理、动画和DOM操作等多个jQuery的核心特性。通过以上步骤和示例,你可以轻松地将这个功能应用到自己的项目中。

    JQuery CSS 方法说明

    **jQuery CSS 方法详解** 在Web开发中,jQuery库极大地简化了JavaScript操作,特别是在处理CSS样式方面。本篇文章将深入探讨jQuery中的CSS方法,帮助开发者更好地理解和应用这些功能强大的工具。 ### 1. `.css()` ...

Global site tag (gtag.js) - Google Analytics