`

$(window).scrollTop()和$(document).scrollTop()区别

阅读更多

【前言】

      $(document).scrollTop()与 $(window).scrollTop()都是针对浏览器滚动条,两者效果完全相同。但是也有区别,这里记录下

 

【主体】

      针对浏览器窗口的滚动条,两者在ie下有兼容性,

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

      但是,$(window).scrollTop()被所有浏览器支持所以,以后尽量用$(window).scrollTop()

分享到:
评论

相关推荐

    火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

    在探讨“火狐、谷歌、IE关于`document.body.scrollTop`和`document.documentElement.scrollTop`以及值为0的问题”这一主题时,我们深入分析了浏览器在处理页面滚动位置时的不同行为,尤其是当滚动位置值始终为0时的...

    document.body.scrollTop用法

    - 使用 `event.clientX` 和 `event.clientY` 获取鼠标相对于视口的位置,但若想得到相对于整个文档的位置,则需加上 `document.documentElement.scrollTop` 或 `document.documentElement.scrollLeft`。 ```...

    页面自动刷新无限循环滚屏

    if ($window.scrollTop() + windowHeight >= $(document).height()) { $window.scrollTop(0); } }); $window.animate({ scrollTop: $(document).height() }, 2000); ``` 这段代码首先获取窗口的高度和文档的总...

    document.body属性.document.body.scrollTop

    3. **与window对象的scrollY区别**:虽然 `window.scrollY` 和 `document.body.scrollTop` 在很多情况下结果相同,但它们并不完全等价。`window.scrollY` 返回的是整个窗口(包括顶部固定元素)相对于浏览器顶部的...

    Document.body.scrollTop的值总为零的快速解决办法

    return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop; } // 使用getScrollTop函数来判断返回顶部按钮是否显示 window.onscroll = function() { var sTop = ...

    关于window.pageYOffset和document.documentElement.scrollTop

    在Web开发中,特别是在处理页面滚动事件时,`window.pageYOffset` 和 `document.documentElement.scrollTop` 是两个非常重要的属性。它们都是用来获取用户在浏览器窗口中滚动的位置,即浏览器视口距离文档顶部的距离...

    javascript scrollTop正解使用方法

    在实际应用中经常会遇到以下问题:document.documentElement.scrollTop在Chrome里总为0document.body.scrollTop 在IE和firefox里总为01、各浏览器下 window.pageYOffset/document.documentElement.scrollTop/...

    解决VUE中document.body.scrollTop为0的问题

    当开发者试图使用document.body.scrollTop来获取当前滚动条位置时,可能会遇到这个值一直返回0的情况。这种现象特别容易在不同浏览器之间出现兼容性问题,尤其在使用DOCTYPE声明时,不同浏览器可能有着不同的表现。 ...

    js中scrollTop()方法和scroll()方法用法示例

    var scrollHeight = window.pageYOffset || document.documentElement.scrollTop; if (scrollHeight > 700) { // 当滚动超过700px时执行的操作 } else { // 其他情况下的操作 } }; ``` 在jQuery中,`...

    document.documentElement && document.documentElement.scrollTop

    在JavaScript中,`document.documentElement` 和 `document.documentElement.scrollTop` 是两个非常重要的属性,它们与网页文档的DOM(Document Object Model)交互,特别是涉及到页面滚动时的行为。本文将深入讲解...

    document.body.scrollTop 值总为0的解决方法 比较常见的标准问题

    这段代码首先尝试获取`window.pageYOffset`,如果浏览器不支持,则回退到`document.documentElement.scrollTop`,如果还不行,再尝试`document.body.scrollTop`,最后如果所有尝试都失败,将`scrollTop`设为0。...

    获取页面长宽和滚动条的位置

    } else if(document.documentElement && document.documentElement.scrollTop) { // IE 6 Strict y = document.documentElement.scrollTop; x = document.documentElement.scrollLeft; } else if...

    js中的如何定位固定层的位置.docx

    但需要注意的是,对于IE5.5及更高版本,需要特别处理`document.body.scrollLeft`和`document.documentElement.scrollLeft`,以及`document.body.scrollTop`和`document.documentElement.scrollTop`,以确保在所有...

    深化浅析JavaScript中的scrollTop_.docx

    在Chrome浏览器中,`document.body.scrollTop`和`document.documentElement.scrollTop`都可以用来获取滚动条位置。然而,IE6到IE10在没有DOCTYPE声明的页面中,推荐使用`document.body.scrollTop`,而在有DOCTYPE...

    asp.net gridview 固定标题和列

    var scrollTop = $(window).scrollTop(); var tableTop = $originalTable.offset().top; var tableBottom = tableTop + $originalTable.outerHeight(); var isInsideTable = scrollTop >= tableTop && scrollTop...

    js浮动广告实现

    通过合理运用 `window.pageYOffset`、`document.documentElement.scrollTop` 和 `document.body.scrollTop` 这些关键属性,以及适当的条件判断和逻辑处理,你可以创建出既美观又不影响用户体验的浮动广告。...

    JS实现悬浮导航(实用)

    const scrollTop = window.pageYOffset || document.documentElement.scrollTop; if (scrollTop > navbar.offsetTop) { navbar.style.position = 'fixed'; navbar.style.top = '0'; } else { navbar.style....

    vue监听 vue实时监听窗⼝滚动条

    在这个方法中,我们可以通过`window.pageYOffset`或`document.documentElement.scrollTop`或`document.body.scrollTop`来获取滚动条距离页面顶部的距离。这些属性在不同的浏览器中可能有所不同,所以通常需要进行...

Global site tag (gtag.js) - Google Analytics