jQuery中 $(document).scrollTop()与 $(window).scrollTop()区别

最新推荐文章于 2022-11-11 12:35:10 发布
原创 最新推荐文章于 2022-11-11 12:35:10 发布 · 4.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在不同浏览器中使用 scrollTop() 方法时遇到的兼容性问题，并建议使用 (window).scrollTop() 来确保跨浏览器的一致性。

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

前些天遇到了，针对浏览器窗口的滚动条，结果在ie下有兼容性，就查了一下，整理


jQuery中，$(document).scrollTop()与 $(window).scrollTop()效果完全相同

但是，(window).scrollTop()被所有浏览器支持

所以，以后尽量用(window).scrollTop()

全面解析jQuery中的$(window)与$(document)的用法区别
12-02
在jQuery中，`$(window).load()`和`$(document).ready()`是两种常用的事件绑定，用于在页面加载完成后执行特定的JavaScript代码。然而，它们之间存在关键的区别： 1. `$(document).ready()`: 这个事件在DOM（文档...
js中scrollTop()方法和scroll()方法用法示例
10-21
对于`scrollTop()`，jQuery提供了一个与原生JavaScript类似的API，同时支持链式调用： ```javascript $('div').scrollTop(100); // 设置滚动位置 let divScrollTop = $('div').scrollTop(); // 获取滚动位置 ``` `...
$(document).height()、$(document).scrollTop()
QDY5945的博客
11-19 773
(document).height()、$(document).scrollTop()： jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).h...
$(document).scrollTop()与$(window).scrollTop()
weixin_33966365的博客
04-24 561
$(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离 要获取顶端 只需要获取到scrollTop()==0的时候 就是顶端了 要获取底端 只要获取$(document).scrollTop()>=(document).height()−(window).height() 就可以知道已经滚...
(document).height()、$(document).scrollTop()
倾城一笑stu
09-20 1986
jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变jQuery(document).height()是不变的。 $(document).scrollTop() 获
JQ中 $(document).scrollTop()、$('html').scrollTop()、 $(window).scrollTop()区别
weixin_34038293的博客
05-25 618
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery回到顶部插件jquery.goup.js
08-14
《jQuery回到顶部插件：jquery.goup.js深度解析》 在网页设计中，当页面内容过多时，用户可能需要频繁滚动来浏览整个页面。为了提供更好的用户体验，许多开发者选择引入“返回顶部”功能，使用户只需点击一下，就能...
setInterval(function(){ var quguan = $(document).height()-$(window).height(); $(document).scrollTop(quguan); $("button.Fb2PQj.nMa6XB").click() },6000) 不同按钮，但是同一个属性的class如何实现鼠标的单机效果
05-18
可以使用 jQuery 的 `click()` 方法来实现鼠标单击效果。...注意，在 `setTimeout()` 中使用了一个函数表达式来获取当前被单击的按钮，因为在 `setTimeout()` 中，`this` 指向的是 `window` 对象。
jQuery中使用了document和window哪些属性和方法小结
10-28
在jQuery中，开发者经常利用`document`和`window`对象来实现页面交互和DOM操作。这些对象提供了丰富的属性和方法，使得JavaScript能够更好地与网页内容进行交互。虽然`document.getElementById()`和`object....
$(window).scrollTop()和$(document).scrollTop()区别
骆小胖~
08-24 4905
对浏览器窗口的滚动条，两者在ie下有兼容性，       jQuery中，$(document).scrollTop()与 $(window).scrollTop()效果完全相同       但是，$(window).scrollTop()被所有浏览器支持所以，以后尽量用$(window).scrollTop()
jQuery学习：scroll滚动 垂直滚动scrollTop 水平滚动scrollLeft
weixin_47295886的博客
11-11 869
在其他浏览器使用的是body在chrome是html。读取页面滚动条的y坐标（兼容 IE chrome）scrollTop():读取/设置y坐标的位置。
$(window).scrollTop()和$(document).scrollTop()
qq_43654065的博客
09-23 1186
首先，你要知道window对象和document对象的区别，window对象属于最高级别级别对象，没有比window还高的对象了。而document对象属于window对象，即有window.document。 $(window).scrollTop() 获取的是window对象的滚动距离。 $(document).scrollTop() 获取的是document对象的滚动距离。 区别： 这两种方法几乎没有什么区别，都是返回滚动距离。要说区别的话，$(window).scrollTop()能被更
一个用jquery写的判断div滚动条到底部的方法
热门推荐
littlerebeka的专栏
09-26 1万+
jQuery 里和滚动条有关的概念很多，但是有三个属性和滚动条的拖动有关，就是：scrollTop、scrollLeft、scrollHeight。其中 scrollHeight 属性，互联网上几乎搜素不到关于它的应用技巧，而我正好需要用到它。     我们现在只探讨和垂直滚动有关的 scrollTop、scrollHeight 属性。     一、滚动条有关属性的正确理解：     假设有
JQuery，JS获取正确scrollTop
jie1336950707的博客
11-02 4353
window.pageYOffset 被所有浏览器支持除了 IE 6, IE 7, IE 8, 不关doctype的事， 注IE9 开始支持此属性。 window.scrollY 被Firefox, Google Chrome , Safari支持 不关doctype的事, 注IE9 不支持此属性。 在（quirk 模式）的时候 document.body.scrollTop 在 Intern
开发中遇到的问题（一）window 下拿不到 $(document).scrollTop()
xiao白的博客
07-31 1134
今天开发的过程中遇到 在window 下拿不到 $(document).scrollTop() ，这让我很郁闷因为导航头部是共用的。 最终发现有两个css文件，另一个文件中把body的高度设置成了100%；在把html,body的高度样式设置为100%的情况下那麽$(window).scroll方法将检测不到正确的滚出高度（0），导致滚动监听事件失效，解决方法：设置html,body{heigh...
$(window).scrollTop()+$(window).height()<=$(document).height()
dejing9744的博客
05-07 502
$(window).scrollTop()+$(window).height()<=$(document).height() 转载于:https://www.cnblogs.com/byronvis/p/5469001.html
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值