jquery如何检测文档大小变化

Question

因此，假设单击某些内容会导致新内容加载到屏幕上，从而导致文档的高度发生变化，而以前没有滚动条，现在实际上有滚动条...

检测发生类似的情况

我如何使用 jquery绑定 窗口上的调整大小事件仅检测窗口调整大小，而将其绑定到文档中则不起作用

Answer 1

更新：
请不要使用 DOMSubtreeModified 事件。它很旧、已被弃用并且不受浏览器的良好支持。在 99.9% 的情况下，您可以收听不同的事件。您很可能是使用 jQuery 并执行一些 AJAX 操作的人之一，因此请查看他们的 AJAX 文档。

---

这些都是可用的事件。您必须检测 $(document).bind('DOMSubtreeModified', function() { ... }); 并检查上次触发的尺寸变化。

var height = $(this).height(),
    width  = $(this).width();
$(document).bind('DOMSubtreeModified', function() {
    if($(this).height() != height || $(this).width() != width) {
        recalibrate();
    }
});

每当对 DOM 执行任何操作时，都会触发此事件。因此，它会减慢您的浏览器速度。

我们应该有更好的选择。您能否向我们提供有关您的场景的更多信息？

Answer 2

这是解决方案。

// ajdust margins when page size changes (ie rotate mobile device)
$(window).resize(function() {
  // Do something more useful
  console.log('doc height is ' + $(window).height());
});

Answer 3

您可以尝试像这样的百分比滚动事件：
http://www.jquery4u.com/snippets/jquery-detect-scrolled- page/

您可能需要添加一个检查来查看垂直滚动条是否存在：

var hasVScroll = document.body.scrollHeight > document.body.clientHeight;