javascript - 怎么修改这个页面，使得首次打开时“读书区域”是应该有的尺寸？

Question

1. 描述你的问题

我们的网站是:qingyunyuedu.aliapp.com

现在每次进入都会因为加载图书比较大，加载完才能把内容撑开。加载的方式是在iframe里完成的。老大让我把这个地方搞好，保证书没加载完外面的区域就是应该有的大小，请问该怎么做啊？多谢

1. 贴上相关代码

2. 贴上报错信息

3. 贴上相关截图

4. 已经尝试过哪些方法仍然没解决（附上相关链接）

Answer 1

给外层p加高度

Answer 2

1 加个 loading
2 加载完成之前，内容完全透明
3 加载完成之后，内容透明度改为100（加载完成之后事件里，用动画渐现，同时把loading隐藏掉）

Answer 3

添加Loading效果，可以参考下多看阅读web版