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

首页课程实战体系课手记专栏慕课教程

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

来源：3-1 JS实现瀑布流布局

SuperCoCa

2018-03-13 12:40:04

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

写回答

1回答

bbbboom

bbbboom

2018-03-13

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

0

hbbboom

回复

huperCoCa

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

h018-03-13

共2条回复

0 学习 · 36712 问题

相似问题

瀑布流布局问题

回答 2

jq实现瀑布流布局遇到一个问题，第一次可以完整展示瀑布流效果，但是当刷新网页后就不能正常显示瀑布流了

回答 4

关于瀑布流加载

回答 4

瀑布流移动端

回答 1

关于瀑布流定位的思路还不是很清晰

回答 2

打开慕课网App查看更多内容