问题标签 [wow.js]

我的主页使用wow.js和animate.css。

我从 MDBootstrap 和其他讨论中阅读了一个主题，其中人们说这对 SEO 不利。

所以我检查了浏览器，发现所有带有 wow 类的东西都在“可见性：隐藏”中。

当我使用黑客时：

可见性属性消失，直到我滚动..一切正常，我想这对谷歌抓取更好？？

但问题是第一个屏幕上的每个哇类，例如导航项、站点标题，都不起作用，因为现在我必须滚动才能使动画起作用。

我怎样才能让他们再次工作？我尝试了自己的 jquery 动画（淡入淡出等），但它在页面上产生了一些错误。

有人知道使所有哇级工作的逻辑是什么吗？

我是rails和stack over flow的新手，如果我能在这里指导，我将不胜感激。

我正在开发一个测试站点，它就像一个个人博客，只是为一个用户添加投资组合。

我有一个脚手架“图像”，用于在应用程序中添加图像，脚手架只有两个字段，一个用于上传图像，另一个用于摄影师姓名。

1. 图像将显示在主页上 - 工作得非常好。
2. 但是，当我单击图像时，图像会放大，用户可以使用左右箭头滚动图片。
3. 我的问题 - 单击图像时，图像未获取，并显示消息“无法加载此图像。

下面是我的代码供您参考，我确定我在这一行中犯了一些错误

但是，目前还无法纠正。

任何帮助或建议都会很棒。

我的代码

我正在循环链接列表ng-for。使用一个名为wowjs他们的图标的插件应该以不同的持续时间出现。第一个出现最快，最后一个出现最新。

为了使这项工作，您需要将data-wow-delay属性设置为以秒为单位的持续时间。即“1.0s”。

我创建了一个dataWowDelay设置为 1.0 的变量，然后将's'. 问题是我试图在每个循环之后增加这个变量，ng-for但这在解析错误之前不起作用。

删除了之前的描述，因为它现在不相关。

我从新的 gatsby 网站开始，能够使 jquery、bootstrap、wow 和 owl carousel 工作。

layout.js

expose.js

main.js

jquery有时工作有时不工作。

现在，问题是 wowjs 动画只执行一次。即使我刷新页面也无法再次运行它。owl carousel 也有同样的问题。它出现一次，然后即使在页面刷新时也不会出现。我如何让jquery代码main.js一直在工作？由于实际文件有 1000 行 jquery 和 jquery 插件代码。

我对rails很陌生。我希望使用 wow.js ( https://github.com/matthieua/WOW )在我的登陆页面上添加一些很酷的过渡效果

我使用 yarn add wow.js 安装了 wow.js

我在我的 javascript 资产管道中创建了一个新的 wow.js，其中包含以下内容

我在 application.js 文件中导入 wow.js (import '../components/wow')

我在我的网页中添加了 css wow 标签。

但是，这些效果在我的网页上不起作用。我收到以下错误消息：

您的浏览器不支持 MutationObserver。
wow.js:130 WOW.js 无法检测 dom 突变，请.sync()在加载新内容后调用。

你知道如何解决这个问题吗？

非常感谢你的帮助，

克里斯

我在我的项目中使用了一个投资组合 html （链接在这里）模板。它最初没有按预期加载，但是当我调整浏览器窗口的大小时，它会完美加载。谁能猜出问题出在哪里。

我对 Wow.js 和 Fullpage.js 有疑问。我设法让他们一起工作，这是脚本：

我将数据迭代设置为 1，以防止它重复。

这是您可以在lancewalkerdesign.com中看到效果的 网站

但是，当我滚动到我的一个视口时（我首页上的每个部分都是带有 ul 导航点的全屏部分。）动画会触发。当我向下滚动时，当滚动条滚动到下一部分时，动画会再次触​​发。

我宁愿在进入视口时只看到这个动画一次，无论是向下滚动还是向上滚动，而不是在它离开时再次看到。

有任何想法吗？

我无法让 wow.js 使用动画和整页。我目前在 WAMP 上，所以无法分享链接。

它加载了所有脚本，检查了网络选项卡中的 wow 是否在 body 之前加载并被初始化。我得到了一些示例虚拟 index.php 代码来检查功能。它加载第一个块并为其设置动画，但第二个块保持可见性：隐藏（所以我假设 wow 已加载）

这是块的代码（在 index.php 上）

我正在使用带有 wow js 的可滚动 div，例如：

我的 CSS 看起来像这样：

问题是wow.js没有检测到我在 div 中制作的卷轴我发现了其他类似的问题并尝试了

但这不起作用所以有什么办法可以使这项工作吗？

这是我第一个与视差效果相关的项目。我试图实现视差库，但它们在 mac safari 上无法正常工作，滚动不流畅。所以我尝试实现我在谷歌上找到的自定义代码，它比库工作得更好，但滚动仍然不流畅。mac safari 上的主要滚动效果。

注意：- 网站是用 PHP 制作的，页面滚动时带有视差和动画 (wow.js) 的单页网站。网站上的内容很大，都是用“section”标签实现的图片。所以页面上有近 10 个不同的“部分”标签，包含大约 10 个不同的“部分”标签。每个“部分”标签 10 张图片。页面大小超过 45 MB（播放 2 个大小为 22 MB 的视频）。

尝试过的解决方案：-在此之前所有图像都是PNG格式，然后我将它们转换为JPG格式并压缩它们。所有图像的分辨率都更高，其中一些甚至是 2500*1800。不同“部分”上的四个不同视差图像，一个“部分”上的一个视差图像。

我正在使用的当前视差脚本：-

任何人，请帮助！