如何在jQuery中确定窗口的高度和滚动位置？

Question

我需要在jQuery中获取窗口的高度和滚动偏移量，但我没有在jQuery文档或Google中找到这个运气。

我90％确定有一种方法可以访问一个元素的高度和scrollTop（可能包括窗口），但我找不到具体的参考。

Answer 1

来自jQuery Docs：

const height = $(window).height();
const scrollTop = $(window).scrollTop();

http://api.jquery.com/scrollTop/
http://api.jquery.com/height/

Answer 2

来自http://api.jquery.com/height/（注意：窗口和文档对象的使用之间的区别）

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

来自http://api.jquery.com/scrollTop/

$(window).scrollTop() // return the number of pixels scrolled vertically

Answer 3

$(window).height()

$(window).width()

还有一个jquery插件来确定元素位置和偏移量

http://plugins.jquery.com/project/dimensions

滚动偏移=元素的offsetHeight属性

Answer 4

纯JS

ItemChangedEvent

比jquery快10倍以上（并且代码的大小相似）：

您可以在这里在计算机上执行测试：https://jsperf.com/window-height-width

Answer 5

如果需要滚动到元素的某个点。您可以使用Jquery函数向上/向下滚动。

$('html, body').animate({
                scrollTop: $("#div1").offset().top
            }, 'slow');