jquery方法之scrollTop()

最新推荐文章于 2023-06-17 13:58:23 发布
最新推荐文章于 2023-06-17 13:58:23 发布
阅读量118 收藏
点赞数
分类专栏： jquery 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaochouyu0703/article/details/84696377
版权
scrollTop()
返回或设置匹配元素的滚动条的垂直位置，对于可见元素和不可见元素均有效。

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

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


具体参见：[url]http://www.w3school.com.cn/jquery/css_scrolltop.asp[/url]


实际应用中，jQuery动画效果animate和scrollTop通常会结合使用，现在大多页面的返回顶部就是这么实现的，具体请看下面：[url]http://wangjingyi.iteye.com/blog/2175892[/url]
xiaochouyu0703
关注
专栏目录
jQuery中scrollTop()方法用法实例
12-09
在jQuery库中，`scrollTop()`方法是一个非常实用的工具，用于处理页面或元素的垂直滚动位置。这个方法有两种主要的用法，可以根据是否传递参数来区分。 **1. 获取滚动条位置 (无参数)** 当`scrollTop()`方法不带...
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
12-11
jQuery 的 `scrollTop` 方法为我们提供了这样的功能。 `scrollTop` 是一个 jQuery 中非常实用的方法，它允许我们获取或设置元素的垂直滚动位置。这个方法的核心在于通过监听滚动事件来动态调整导航条的显示状态。在...
jQuery的scrollTop方法
前端那些事
07-06 770
jQuery scrollTop( ) 方法
m0_57835615的博客
06-13 960
通过jQuery的 scrollTop( ) 方法，我们可以设置或返回被选元素的垂直滚动条位置。 注意： （1）返回被选元素的垂直滚动条位置时， （2）
jQuery之scrollLeft()、scrollTop()
最新发布
06-17 1317
【代码】jQuery之scrollLeft()、scrollTop()
jquery的scrollTop方法
weixin_30702887的博客
08-26 127
scrollTop方法设置或返回备选元素的垂直滚动条位置。 提示：当滚动条位于最顶部时，位置是0 当用于返回位置时： 该方法返回第一个匹配元素的滚动条的垂直位置 当用于设置位置时： 该方法设置所有匹配元素的滚动条的垂直位置 语法： 返回垂直滚动条位置：$(selector).scrollTop(); 设置垂直滚动条位置：$(selector).scrollTop(posi...
jQuery常见方法汇总
林中明月间丶
03-10 2846
语法：父元素jQuery对象.append(新创建的jQuery对象)语法：新创建jQuery对象.appendTo(‘父元素选择器’/父元素jQuery对象)
js获取页面高度以及jquery获取页面滚动距离scrollTop方法
newlearner的博客
05-10 980
$(window).height(); //获取浏览器自身高度 也就是你浏览器所能看到的页面的那部分的高度 这个大小在你缩放浏览器窗口大小时 会改变 $(document).height(); //获取整个页面的高度 // 判断一个元素距离顶部的距离 比如底部元素footer距离页面顶部的距离 js原生写法：document.getElementById("footer").offsetTop; jquery写法：$('#footer').offset.top(); $('#footer')..
jQuery中scrollTop()方法解析
ITzhongzi的博客
03-20 3247
在jq中，scrollTop（）方法： 调用方式： jq对象.scrollTop()   1、当不传入任何参数时，获取 调用该方法的jq对象中匹配的dom元素的子元素卷起的高度。 2、当传入一个参数的时候，表示设置 调用该方法的jq对象中匹配的dom元素的子元素的据其高度 示例demo1：（不传参数 获取p内部卷起的高度） html>head> styl
深度理解Jquery 中 scrollTop() 方法
chinajobs的专栏
12-02 5900
这是工作遇到scrollTop() 方法。为了强化自己，把它记录在博客园当中。 下面就开始scrollTop 用法讲解： scrollTop() 定义和用法 scrollTop() 方法设置或返回被选元素的【垂直滚动条位置】。 Note： 当滚动条位置位于最顶部时，位置是0； 当用于返回位置时：     该方法返回 第一个匹配元素的滚动条的垂直位置。 当用于设置位置时：  
jQuery动画效果animate和scrollTop结合使用实例
12-03
这里我们讨论的是jQuery中的`animate`方法和`scrollTop`属性的结合使用，这是一种实现页面滚动动画效果的有效方式。 `animate`是jQuery提供的一种高级功能，允许开发者平滑地改变一个或多个CSS属性值，从而创建出...
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
10-24
官方文档的解释有点含糊，其实换个角度就很容易理解了，scrollTop获取的是内部元素超出外部容器的高度。例如：$('window').scrollTop()获取的就是当前这个页面超出窗口最上端的高度，scrollLeft与此同理
jquery scrollTop() 方法
as403045314的博客
12-03 192
原文地址:http://www.w3school.com.cn/jquery/css_scrolltop.asp 实例 设置 元素中滚动条的垂直偏移： $(".btn1").click(function(){ $(“div”).scrollLeft(100); }); 亲自试一试 定义和用法 scrollTop() 方法返回或设置匹配元素...
jquery获取和设置元素高度宽度
wangjingyi
02-27 838
1.height()/ width() 取得第一个匹配元素当前计算的高度/宽度值（px） height(val)/ width(val) 为每个匹配的元素设置CSS高度(hidth)属性的值 [code="jquery"]$("#mydiv").height(); $("#mydiv").height(10);[/code] 2.css(properties) ...
jquery-map()遍历
wangjingyi
02-12 792
map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。 以下例子显示被选中复选框 ID 组成的逗号分隔的列表： [code="html"] 2 4 6 ...
jquery方法之-attr()返回或设置属性值
wangjingyi
01-23 751
返回被选元素的属性值：$(selector).attr(attribute) 设置被选元素的属性和值：$(selector).attr(attribute,value) 设置一个以上的属性和值：$(selector).attr({attribute:value, attribute:value ...}) [code="html"] $("button").click(functi...
jQuery插件之-右下角弹出提示窗体popMessage
wangjingyi
03-20 685
优点：右下角弹出同时可配置对应的开始和结束的animated的效果 缺点：没有对外的api支持例如控制显示和隐藏 [code="java"] $(function(){ $.fn.popMessage({ content : '', height:282, auto:false, width:280, ...
jquery设置scrollTop不起作用
04-26
关于您的问题，可能有以下几种原因导致jquery设置scrollTop不起作用： 1.元素未设置滚动条：如果元素没有设置滚动条，scrollTop方法就不会起作用。可以尝试在元素上设置overflow:scroll属性以启用滚动条。 2.元素...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值