如果文档高于视口，则执行函数

Question

这是我经历的一些非常奇怪的行为。我想只在文档高于视口时执行一个函数（即它溢出它并出现一个滚动条）。我使用这段代码：

var docH = $("document").height(),
    viewPortH = $("window").height();

if (docH > viewPortH) {
 // execute functions
}

但没有任何反应，控制台返回：

  

未捕获的TypeError：无法读取null

的属性“parent”

有谁知道问题是什么/我应该使用什么代码来查看文档是否比视口更高？

Answer 1

document和window是对象而不是选择器。

var docH = $(document).height(),
    viewPortH = $(window).height();

Answer 2

document和window周围不需要引号。

var docH = $(document).height(),
    viewPortH = $(window).height();

if (docH > viewPortH) {
 // execute functions
}

Example fiddle

有了引号，jQuery实际上在DOM中寻找<document />和<window />等元素。

Answer 3

尝试使用这样的文档和窗口： var docH = $(document).height(), viewPortH = $(window).height();