在wordpress中,在页面完全加载后启动动画
In wordpress start an animation on after the page has been fully loaded
我有一个wordpress网站,我添加了一些带有一些动画的"原始html"元素。问题是,动画从页面加载开始,而不是等待预加载器完成,并且显示页面本身。
加载页面后预加载器是否会停止?(我相信页面在"加载"后继续做更多的员工)
我是wordpress的新手(并且是JS的indid),所以,我不是在编辑wordpress php/js文件主题自己...仅使用"RAW HTML"元素。
谢谢!
如果你不习惯编写这些东西,我建议你看看像AniJS和ScrollReveal这样的插件。
然后你可以把它放在任何标签上(body,p,div,...)
data-anijs="if: DOMContentLoaded, on: window, do: yourAnimation animated, before: scrollReveal, after: holdAnimClass"
DOMContentLoaded(和其他加载选项)检查导航器是否已加载整个页面,然后在滚动时播放动画(您也可以通过删除"before:scrollReveal"来不滚动,然后保留动画的类,这样它就不会永远循环。
把你的动画JS放进去
$( document ).ready(function() {
// Handler for .ready() called.
});
函数在 DOM 完全加载时执行。
相关文章:
- 如何防止网页加载后自动启动功能
- 在页面启动期间加载图像
- Jquery时间启动计时器,我有一个计时器的代码,但它在页面加载时启动
- 在呈现HTML样式和脚本时加载启动页
- 启动选项卡ajax在加载页面时加载内容
- 初次加载后关闭启动屏幕
- 在 Metro 风格应用中启动时加载数据
- 使用Bookmarklet在Firefox中为asp表单加载启动onclick事件
- 模式视图重新加载内容(启动MVC ASP.NET)
- 视频(自动播放)通过javascript隐藏,但已经在页面加载时启动
- 加载图像后启动转换事件
- 当窗口打开时,IE9在加载前启动事件
- Mozilla Firefox加载项将不会启动
- FileReader未在Ionic 2中加载端启动
- 如何在 Rails 中停止在页面重新加载时重新启动计时器
- TineMCE 不会启动 ajax 加载的文本区域
- JavaScript 在应用程序首次启动时不会加载
- 如何仅在启动选项卡处于活动状态时加载启动选项卡内容
- 加载启动模式后延迟不工作
- 强制为每个访问者加载启动页面