javascript - "progressive"网站加载中

标签 javascript css user-interface web

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 6 年前

我正在寻找一种方法来生成一种“渐进式”页面加载效果,您可以在重新加载时看到这种效果,例如 Linkedin:

enter image description here

它会立即加载,并在加载时被真实内容替换。 我已经在很多网站上看到过它,所以我猜它有一个名称和一个正确的方法/js 框架可以做到这一点:)

最佳答案

这里的问题是“未加载内容”和“真实内容”之间的过渡。

对于“未加载的内容”,您可以简单地放置一些空的 div、缩略图,甚至只是图像。更简单但有风险的是,您网站的整个图像“根本没有加载”。

但随后您必须找到使这些内容消失并淡入“真实内容”的方法。

您可以练习,使用 jquery 动画函数“淡入”和“淡出”或使用一些库,如 Animate.cc , 但困难的是将 2 个内容放在同一个地方(index-z css 属性)。

而不是所有这些搜索库来执行此操作。

关于javascript - "progressive"网站加载中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43191573/

上一篇:css - SASS 没有小数点,可能吗?

下一篇:html - 如何使用 css 在用户定义的框中包含文本?

相关文章:

jQuery 自动完成行在选择时突出显示

java - 哪些 GUI 库可用于 Blackberry OS 5.0

php - 如何将文本转换为具有听不见波形的 WAV 文件?

javascript - 在 html 链接上放置一个彩色圆圈

javascript - 将 json 文件读取为 javascript 对象

javascript - 删除内部div时正确调整外部div

java - HashMap 有什么问题?

java/swing : gui froze, 没有线程挂起

javascript - 如何将onclick函数中的angular js变量作为参数传递

javascript - FullPage.js 在桌面上的淡入淡出效果,禁用并在较小的设备上获得默认滚动