打开瀑布流布局页面时会抖动

老师，我发现打开瀑布流布局页面时会抖动，然后我找到原因是因为加了window.onload，页面会在html加载完之后再执行js，但是这样就导致了打开页面时，wrap层会有一个瞬间，是从没有居中的居中的过程，然后我把onload去掉再把script放到body标签的最后就没事了。所以我想问一下有没有更好地解决方法？

SuperCoCa 2018-03-13

源自：项目：JQ实现瀑布流 3-1 JS实现瀑布流布局

15

收起

1回答

bbbboom 2018-03-13 15:25:06

按照你的方法，我把老师代码中的$(document).ready()去掉，再把script标签放在body的最后面，还是会抖动的啊，因为wrap层的宽高不就是通过js获取的吗，最后才加载的js文件啊。

提问者 SuperCoCa #1

那有没有什么解决方法

2018-03-13 16:58:30
bbbboom 回复提问者 SuperCoCa #2

sorry，我也没有好的解决办法呀，因为本身瀑布流就是响应式的，外层wrap不能设置固定宽高的。

2018-03-13 19:06:29

相似问题

瀑布流布局问题

html5页面布局，里面有浮动的设置是否需要清除浮动？

设置瀑布流布局时出现的问题

用vue写了一下风袖首页

关于圣杯布局和双飞翼布局如何让页面两边留白

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号