使用wow.js显示两次动画对象

Animated object showing up twice using wow.js

本文关键字:两次 动画 对象 wow js 显示 使用      更新时间:2023-09-26

我建立了一个网站主页,并使用wow将其动画化。js(http://mynameismatthieu.com/WOW/),我制作动画的div之一是twitter提要。问题是twitter提要在动画之前预加载,然后与动画一起再次加载。有没有办法阻止这种情况的发生?(对我来说,这很奇怪,因为它没有发生在网站的本地安装中,我也不知道是什么原因造成的)。

我想在js-fiddle中复制这个问题,所以这里是URLhttp://qeprize.org/(位于底部右侧)

将其添加到css中应该可以解决这个问题:

 .wow {
   visibility: hidden;
 }

这是因为#twitter_feed中的iframe有一个内联样式设置为visibility:visible
由于你没有显示你的代码,很难判断它来自哪里,它可能是由twitter的脚本自动完成的
你可以试试这个:

window.addEventListener('load', function(){
    var f = document.getElementById('twitter_feed');
    f.querySelector('iframe').style.visibility = "";
}