jquery的scrollTop方法获取值总为0的问题

最新推荐文章于 2025-05-29 11:52:53 发布
原创 最新推荐文章于 2025-05-29 11:52:53 发布 · 6.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#scrollTop 0

本文介绍了一个常见的网页布局问题：当HTML设置了固定高度时，使用$(window).scrollTop()或$(document).scrollTop()获取滚动条位置始终返回0的情况及解决方案。建议不要为HTML元素设置固定高度。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

当html设置了高度时，获取$(window).scrollTop(),$(document).scrollTop()获取值为0.

解决方法：不要设置html的高度

jQuery中scrollTop()方法用法实例
12-09
总的来说，`scrollTop()`是jQuery中的一个核心方法，它为开发者提供了控制页面或元素垂直滚动位置的能力，从而极大地增强了用户体验和页面交互性。在实际开发中，熟练掌握这个方法可以提高网页的可操作性和动态效果...
jquery scrollTop方法根据滚动像素显示隐藏顶部导航条
10-27
- 当用于获取值时，它只返回第一个匹配元素的滚动偏移。 - 当用于设置值时，它将改变所有匹配元素的滚动偏移。 在提供的示例代码中，`scrollTop` 被用于监听页面的垂直滚动。当滚动距离超过一定值（例如导航条的...
移动端使用jquery实现滚动监听 scrollTop为0可能的原因
hzxOnlineOk的博客
08-05 1182
当我给html和body设置满屏高度，且在body上监听滚动事件时，在PC上F12调试得到的scrollTop的值是正常的，但是在真机上查看到的scrollTop值一直为0，我是已经区分了不同浏览器的情况的。 如果给document绑定滚动监听，则scrollTop在PC和真机上一直都不触发监听事件，因为scrollTop在两个平台都没有变化，即还是scrollTop=0 如下代码所示： html, body { overflow-y: auto; /* 如果给html或者body设置了高.
JQuery，JS获取正确scrollTop
jie1336950707的博客
11-02 4352
window.pageYOffset 被所有浏览器支持除了 IE 6, IE 7, IE 8, 不关doctype的事， 注IE9 开始支持此属性。 window.scrollY 被Firefox, Google Chrome , Safari支持 不关doctype的事, 注IE9 不支持此属性。 在（quirk 模式）的时候 document.body.scrollTop 在 Intern
scrollTop 设为 0 不生效的可能原因
最新发布
qq505751223的博客
05-29 411
确保 scroll-view 内容高度大于容器高度，否则滚动无意义。值（如设为 1 再设为 0）触发重新渲染。延迟设置，确保 DOM 更新完成。scroll-view 的。
document.body.scrollTop总是0的原因
热门推荐
Bug 无处不在！
02-09 1万+
最近写了一个拖动层的HTML页面,   需要获取滚动条当前的位置.于是我使用document.body.scrolltop获取y方向滚动的位置...奇怪的事情出现了! 无论滚动条怎么滚动, document.body.scrolltop竟然一直都是0!对比以前写的一个页面.发现区别很小. 旧页面却没有问题.这就怪了...我开始一点一点的排除,去掉多于的代码. 直到我去掉文档最顶部的
“jquery $(window).scrollTop()”为什么一直是0？
nicepuppy的专栏
05-08 4453
我想获取滚动条滚动后到顶部的距离，但是为什么“$(window).scrollTop()”获取的一直都是0，感觉好奇怪，我就是要判断滚动条滚动到固定一个div的位置的时候显示效果。该怎么做呢？解决办法：输入下列数值：<script type="text/javascript">$(document).ready(function() {$(window).scroll(function...
为什么元素的 scrollTop 一直为 0？
weixin_41990299的博客
12-09 599
最近在开发时，遇到一个理论与实践不相符的问题：明明 div 可以滚动，偏偏获取不到它的 scrollTop。 功能： 1. “返回顶部”按钮默认隐藏； 2. 当页面往下滚动到 200px 以后时，“返回顶部”按钮出现。 3. 当点击“返回顶部”按钮时，页面滚动到顶部。 草图： 思路： 1. 一开始让“返回顶部”按钮隐藏，监听 div 滚动事件，到达指定高度后，让按钮出现。 2. “返...
jQuery动画效果animate和scrollTop结合使用实例
12-03
这里我们讨论的是jQuery中的`animate`方法和`scrollTop`属性的结合使用，这是一种实现页面滚动动画效果的有效方式。 `animate`是jQuery提供的一种高级功能，允许开发者平滑地改变一个或多个CSS属性值，从而创建出...
iframe scrollTop始终等于0解决办法
回家换拖鞋的专栏
09-12 8285
ie 中当前页面中iframe scrollTop始终等于0解决办法: 可以尝试用以下办法获取（在iframe中写）： var scroll_top =window.parent.document.documentElement.scrollTop; 其他浏览器：可以用juery：$(window.parent.document).ScrollTop();获取。
对于$(document).scrollTop结果总是0的解决方法（使用Vue插件的情况下）
zzy948999的博客
03-19 690
造成这种情况的原因是：需在页面完全加载后才能获取到scrollTop的值，所以在Vue模板的update钩子下设置scrollTop的值
jQuery scrollTop( ) 方法
m0_57835615的博客
06-13 1009
通过jQuery的 scrollTop( ) 方法，我们可以设置或返回被选元素的垂直滚动条位置。 注意： （1）返回被选元素的垂直滚动条位置时， （2）
js获取页面高度以及jquery获取页面滚动距离scrollTop方法
newlearner的博客
05-10 1170
$(window).height(); //获取浏览器自身高度 也就是你浏览器所能看到的页面的那部分的高度 这个大小在你缩放浏览器窗口大小时 会改变 $(document).height(); //获取整个页面的高度 // 判断一个元素距离顶部的距离 比如底部元素footer距离页面顶部的距离 js原生写法：document.getElementById("footer").offsetTop; jquery写法：$('#footer').offset.top(); $('#footer')..
$(window).scroll和$(window).scrollTop()为0的问题
weixin_33872660的博客
01-08 1762
问题1：$(window).scroll无效问题 　　如果你的css中：html,body的高度样式如果设置为100%， 　　那么$(window).scroll方法将检测不到正确的滚出高度（0），导致滚动监听事件失效， 解决方法： 　　设置html,body{height:auto}可以解决。 问题2：$(window).scrollTop()获取值一直为0 　　最近用到scroll...
jQuery中三个获取位置方法offset、position、scrollTop/scrollLeft的区别和用法
tangcc的博客
04-02 1376
首先要搞清楚元素没有定位时的默认状态：Position:static 都是以document body为相对基准（也就是以body为基准）1.offset$().offset().top;$().offset().left;元素到document顶部的top or left2.position$().position().top;$().position().left;如果没有在其父元素中定义po...
scrollTop获取一直为0的解决方法(vue3开发h5)
wanghao31的博客
02-25 2472
document.documentElement.scrollTop获取一直为0的解决
jquery scrollTop定位问题
u010397366的博客
06-13 8021
今天遇到一个时间弹出框，其高度为固定高度，容器内有时间列表，如下图：       由于时间较多，所以我希望做一个动画效果，方便用户的选择，就是当用户已选择过时间，或者说初始化的时候这个预约时间值就存在，那么我希望这个弹出框内容部分会自动的定位到已选择项。我用的动画效果是直接用的jquery的animate方法,定位用的是scrollTop,代码如下：$('.time-list-wrap').ani...
获取不到scrollTop的问题
weixin_34006468的博客
09-06 1698
今天在开发过程中需要获取scrollTop，但是不论是用原生的scrollTop还是JQ的scrollTop获取到的值始终为0。原来是DOCTYPE的坑。 <!DOCTYPE html> //获取scrollTop始终为0 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Tran...
scrollTop始终为0
07-28
在jQuery中，scrollTop是一个方法，不能直接使用('.propertyName').scrollTop来获取或设置值，而是应该使用('.propertyName').scrollTop(某值)的形式。另外，还要注意兼容性问题，不同浏览器可能对scrollTop的处理...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值