javascript - 如何在 javascript 函数运行之前等待 HTML 绘制

Question

我正在开发一个网络应用程序，其中涉及使用 javascript 添加和操作许多 html 元素。

这是我的问题的示例:

功能1:更改所有500个元素的文本大小

功能2:根据元素350的位置(距顶部的像素)滚动到元素#350。

问题是，有时 css 需要一些时间才能以新的大小重新绘制元素，因此当函数 2 触发时，它不准确，最终会滚动到错误的位置。

函数 1 的工作原理是使用 jquery 更改 <style></style> 的内容html head 中的元素。

如何让 javascript 在触发之前等待浏览器完成绘制，而无需猜测任意超时？

Answer 1

您可以通过在其中包含 jquery 函数来在页面加载后触发 jquery:

$(function() {
    //your functions
});