发布窗口调整大小事件，但在页面对用户可见之前？

Question

我试图在window.resize方法之后获得div的高度，以便元素具有新的高度，但在向用户显示输出之前，我可以更改另一个div的高度。

我已经知道并且在这种情况下不太习惯使用

• 使用百分比设置另一个div的高度
• 使用固定高度
• 使用CSS代替
• 使用clientHeight
• 使用innerheight

回到问题

JS或JQuery中是否有任何事件可以让我知道文档的大小，但屏幕上还没有显示给用户。

 $(window).resize(WindowResizeNow);

Answer 1

您可以使用$(window).resize()。

当您在JS函数中更改DOM时，DOM会立即更新，但在执行该函数后会呈现页面。

如果某些事件每秒触发几次（例如resize和scroll，keydown等），这可能并不明显，但用户可能会将其保留为单一事件。

如果多个处理程序调用导致麻烦，可以使用debouncer来省略它们。