jquery - 由于动画期间的延迟加载,CSS 过渡不稳定。如何避免这种情况?

标签 jquery css html reveal.js

我的问题是我有一个很长的reveal.js presentation我想在其中延迟加载图像以及 YouTube 和 Vimeo 视频。加载内容时,幻灯片过渡不流畅。

这在具有良好宽带连接的功能强大的计算机上不是什么大问题,但在智能手机上却是个大问题。

我读到我应该避免在动画期间触发 DOM 更改或其他回调: Tapping into Mobile UI with HTML5

我如何安排延迟加载的时间,以减少对 reveal.js 的平滑过渡的干扰? ?

最佳答案

首先,当试图在评论中回复某人时要小心标签,像 [@]SouPress 这样的东西不起作用,当你标记我时我没有收到通知,其余的也没有。这可能就是你没有得到任何答案的原因。因此,像这样使用 CSS 不会满足您在许多设备上顺利工作的愿望,特别是如果您的目标是罗马尼亚人口。该国家/地区的大多数家用 PC 在查看您的产品组合时都不会提供良好的体验,而且许多公司使用不支持您的转换的过时浏览器。

另一方面,就像@trueblueaussie 所说的那样,CSS 过渡非常流畅。

我可以推荐的一件事是,您可以使用这些视频通过点击事件预加载图像,同时(尽管这不是最佳实践的一部分)预加载您可以模拟两次点击播放然后暂停的视频.

要屏蔽所有内容,您可以制作一个预加载界面以延迟显示网站 x 秒,并让网站在这段时间内加载尽可能多的内容。 不过,不幸的是,当涉及到未更新浏览器的体验时,您将受制于客户的互联网连接和他的意识

祝你好运。

回复: Salut, in primul rand ai grija cum faci tag-urile cand raspunzi persoanelor, [@]SouPress nu merge, eu nu am primit notificare ca mi-ai raspuns si nici ceilalti。 Motiv pentru care, probabil, nu ai mai primit raspunsuri.在 alta ordine de idei,din pacate,folosirea CSS-ului in felul acela nu iti va indeplini dorinta de a rula pe cat mai multe device-uri,mai ales daca publicul target este din Romania。 Marea majoritate a pc-urilor nu vor oferi o experienta placuta cand vor vizualiza portofoliul si din pacate, multe firme ruleaza cu browsere out of date care nu vor suporta website-ul.

在 alta oridine de idei 中,asa cum a spus si TrueBlueAussie,tranzitiile cu CSS sunt cat se poate de smooth。

Ce iti pot recomanda este sa te folosesti de acele video pentru a face preload la imaginile dintre ele on click event si in acelasi timp (desi nu intra la best practices) pentru a face preload si la video, poti simula doua 点击事件-uri pe ele pentru a da play si pause...

Pentru a face toata chestia cat mai smooth si sa o maschezi,poti face un preload interface care sa dureze un numar de x secunde in care site-ul sa se incarce cat mai mult posibil。

Insa, din pacate, acum esti la mana conexiunii clientului si a constiintei acestuia cand vine vorba de experienta sa cu browserele.

祝你好运。

关于jquery - 由于动画期间的延迟加载,CSS 过渡不稳定。如何避免这种情况?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27315095/

相关文章:

javascript - 如何将类添加到特定样式表?

css - 这个CSS有什么问题?

javascript - 如何防止点击通过固定定位元素传递到它后面的元素?

jquery - ColorPicker 绑定(bind)颜色

javascript - 根据iframe的高度隐藏Div

javascript - 如何在 TinyMCE 4 中设置内容,最好是在 $(document).ready(); 中堵塞?

javascript - 如何在 JavaScript 中动态添加表格列?

javascript - 如何修复 "My first scan value is not same as my second scan value and the value scan in HTML is not same as value scan in notepad?"

jquery - 将值与 li 元素进行比较

javascript jquery循环将图像重新缩放到浏览器窗口但保持纵横比