javascript - 发布窗口调整大小事件,但在页面对用户可见之前?

标签 javascript jquery html css

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

我已经知道但不太想在这种情况下使用的东西

  • 使用百分比设置另一个div的高度
  • 使用固定高度
  • 改用 CSS
  • 使用客户端高度
  • 使用内部高度

回到问题

JS 或 JQuery 中是否有任何事件可以让我知道文档已调整大小但尚未在屏幕上显示给用户。

 $(window).resize(WindowResizeNow);

最佳答案

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

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

在某些事件中,这可能并不明显,这些事件每秒触发几次(例如 resizescrollkeydown 等。 ),但用户可能会将它们保留为单个事件。

如果多个处理程序调用造成问题,可以使用 debouncer 省略它们.

关于javascript - 发布窗口调整大小事件,但在页面对用户可见之前?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25501710/

相关文章:

javascript - 是否可以使用 css3 缩放仅缩放容器大小(不缩放内容)?

javascript - 是否可以使用 Node-webkit 在 osx yosemite 10.10.3 上禁用最大化

javascript - jQuery 日期选择器仅选择星期一

javascript - animationend 开始下一个函数,next functions animationend 开始两次

javascript - react scrollTop 不工作

javascript - 在 Protractor 中从 map 创建数组

javascript - 未定义 JSON 变量的问题

javascript - 不可编辑和不可移除的tinymce内容

html - div之间的间距相等

html - Firefox 特定的 css 填充