Question

有人让我开发一个功能，在页面完成加载的同时，从屏幕中心到最终位置构建页面布局，动画一次。现在我的想法（如果有更好的解决方案，请纠正我）是这样的： - jQuery脚本读取所有涉及元素的（CSS）位置（例如，标记为.buildup的一次） - 脚本计算屏幕的中心 - 现在它对每个涉及的布局元素都有一个起点和终点 - 它开始将表单起始点设置为动画到端点，同时将不透明度从0增加到1。

到目前为止一直很好（至少，我希望:) 但是，这应该在CSS显示元素之前完成。换句话说，jQuery需要在加载CSS之前等待（否则它无法读取位置），但同时，它必须拦截CSS显示事件＆＃39;因为在脚本开始工作之前一定不能看到它。

关于我问题的最后（或整个）部分的任何建议？

编辑：我也打开了最终的插件，但是，我不知道要搜索哪些术语。

Answer 1

只有在DOM完全加载后才需要启动功能。你可以通过将函数加入$（window）.load（）;而不是$（文件）.ready（）;

还要确保在.css文件之后加载.js文件

首先使用css display：none;使元素不可见;属性并在启动$（window）.load（）之后;事件你可以让它们可见并通过动画功能将它们发送到它们的位置。

$( window ).load(function() {
  $('.hidden-element').fadeIn();
  //and here goes your function for final position animating
});

如何在页面显示之前读取CSS位置

1 个答案: