Wow + jquery + animate div 加载时显示然后再次出现
Wow + jquery + animate div shows on load and then appear again
我正在使用 jquery + wow + 动画制作页面上出现的一些 div 动画。
除了我的页面加载不顺利外，一切正常。应该平滑显示的div首先出现在页面加载时，然后隐藏，然后它们出现动画。
请检查www.pester.rs，你会发现问题所在，我已经尝试了所有方法，但没有任何效果。
您必须使用 CSS 隐藏那些 div，以防止闪烁。
这将是加载顺序问题 - 首先，浏览器下载文档并显示它。稍后当它加载整个 javascript 时，它会隐藏内容以提供漂亮的动画。所以我认为它也受到互联网连接速度的影响。
解决方案 1：
使用 css 隐藏内容，因此它会立即加载为隐藏
缺点：如果 javascript 崩溃，内容将保持隐藏状态
解决方案 2：
将此代码放在主体的末尾，但在加载任何其他脚本之前（在任何其他脚本标记之前）
var wows = document.getElementsByClassName('wow')
for (i = 0; i < wows.length; i++){
wows[i].style.visibility ='hidden';
}
它会在页面加载后立即执行，甚至会在 jquery 之前执行，应该足够快了。
解决方案 3：
按照那里的建议使用立即插入的 css 文件到文档的头部
http://robertnyman.com/2008/05/13/how-to-hide-and-show-initial-content-depending-on-whether-javascript-support-is-available/
我用它来隐藏对象
<div class="object-non-visible wow fadeInUp">
用这个css
.object-non-visible {
opacity: 0;
filter: alpha(opacity=0);
}
我正在使用 jquery + wow + 动画制作页面上出现的一些 div 动画。 除了我的页面加载不顺利外，一切正常。应该平滑显示的div首先出现在页面加载时，然后隐藏，然后它们出现动画。
请检查www.pester.rs，你会发现问题所在，我已经尝试了所有方法，但没有任何效果。
您必须使用 CSS 隐藏那些 div，以防止闪烁。
这将是加载顺序问题 - 首先，浏览器下载文档并显示它。稍后当它加载整个 javascript 时，它会隐藏内容以提供漂亮的动画。所以我认为它也受到互联网连接速度的影响。
解决方案 1： 使用 css 隐藏内容，因此它会立即加载为隐藏
缺点：如果 javascript 崩溃，内容将保持隐藏状态
解决方案 2： 将此代码放在主体的末尾，但在加载任何其他脚本之前（在任何其他脚本标记之前）
var wows = document.getElementsByClassName('wow')
for (i = 0; i < wows.length; i++){
wows[i].style.visibility ='hidden';
}
它会在页面加载后立即执行，甚至会在 jquery 之前执行，应该足够快了。
解决方案 3： 按照那里的建议使用立即插入的 css 文件到文档的头部 http://robertnyman.com/2008/05/13/how-to-hide-and-show-initial-content-depending-on-whether-javascript-support-is-available/
我用它来隐藏对象
<div class="object-non-visible wow fadeInUp">
用这个css
.object-non-visible {
opacity: 0;
filter: alpha(opacity=0);
}