Javascript 能否将.resize（）绑定到$（文档）而不是$（窗口）？

我想知道

$（document）.resize（）

是否有意义

问题是，当文档变大时（即

div

出于某种原因被扩展），文档的高度会发生变化。我想拉伸我的背景图像，这样添加到文档中的区域就不会是空白的。这样做的最佳方式是什么

基本上，当文档高度发生变化时，是否有方法获得通知

---

说清楚一点，我不想让我的形象重复

您可以使用CSS执行此操作：

body {
    background-image: url(yourImage.png);
    background-size: cover;
}

是

---

cover

属性将使图像尽可能小，但仍然完全覆盖元素。它保持纵横比，并在必要时进行裁剪。

简言之，是的，

$（document）。resize（）

将检测文档大小的变化。

没有标准的

文档。resize

事件可供挂钩

一种常见的技术是检查DOM树何时被修改，从而可能更改文档高度，然后调整您想在其中调整的任何内容：。请注意，在性能方面这样做可能不是一件好事

Firefox公开了一个事件，但随后只公开了它的FF

---

最好的办法是使用一种逐渐变细的封面图像，并使用结束颜色作为文档的背景色。它可以给你这种效果，它似乎继续图像，但不使用图像。这方面的一个很好的例子是

尝试domsubtreemedited事件：

$(document).on('DOMSubtreeModified', function() {
    ...
});

---

这是一个很好的方法，但是你失去了对几乎所有IE版本的支持（不幸的是，这些版本仍然很流行）。不过，+1是因为我不知道“封面”，没有完美的解决方案。在可能的情况下（出于性能原因），我会使用CSS，在旧浏览器中使用polyfill。检测背景大小是否受支持，如果不受支持@Roozbeh15，你可以看看这个插件的源代码，看看它是如何实现的。同意，CSS永远是最好的解决方案。我几乎忘记了Modernizer，它在这种情况下非常有用。很好的建议。我确实使用了封面，但它不能解决文档大小调整的问题。封面很好，当然非常有用。CSS修改不会“过时”。i、 e.如果元素设置为

背景尺寸：封面，背景将始终覆盖该元素。如果正在使用它，则表明应用它的元素实际上没有改变大小。在Firebug或Webkit Inspector下查看您的页面，以确保子节点完全由其父节点包含。应用
溢出：隐藏cover
属性，所以不能这样说。
背景色
功能在Twitter上运行，当你向下滚动时，它会动态添加新的推文。