首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在加载阈值以上的内容之后触发简单的预加载程序动画?

如何在加载阈值以上的内容之后触发简单的预加载程序动画?
EN

Webmasters Stack Exchange用户
提问于 2016-04-24 08:11:47
回答 2查看 122关注 0票数 0

我想实现以下页面加载效果:当内容超过阈值加载时,全屏白色覆盖逐渐消失,而不是在整个页面加载之后或使用延迟。

我怎样才能做到这一点?

谢谢!

EN

回答 2

Webmasters Stack Exchange用户

发布于 2016-04-24 22:52:03

这可能是不可行的。

页面中的静态内容一旦检索到页面url就可以考虑加载。独立的资产(如CSS、JS、图像、动态内容等)被单独加载。对于CSS、JS和动态内容,在加载之前不可能自动判断它们是否会影响折叠以上的内容。不要在意每个用户折叠的整个问题是不同的。

但是,假设您在页面上有一个固定的行,您要称之为“折叠”。在资产上将页面分为两种类型:影响折叠上方页面的内容和影响折叠下面页面的内容。安排一些初始JS动态加载所有这些资产。一旦它知道它已经加载了所有以上折叠的东西,它可以触发“请等待”指示删除,并继续加载其余的东西。

甚至这也不是一个简单的任务。有很多的边缘情况需要考虑和处理类似的图像加载错误,需要安排占位符,如果需要,页面仍在加载,用户将滚动等等。

票数 1
EN

Webmasters Stack Exchange用户

发布于 2016-04-25 19:32:11

用Angular.js

在html正文中添加标记并使用angular.js,我不会无缘无故地长出我的答案。

票数 -1
EN
页面原文内容由Webmasters Stack Exchange提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://webmasters.stackexchange.com/questions/92743

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档