稍后加载的FadeIn屏幕外元素
我不想在向下滚动的时候褪色。此外，它还可以通过单击按钮添加更多的元素。问题是，一旦附加的元素在屏幕外，它们就不会被动画化，甚至不会显示。
它是以wow.js作为scrollReveal.js和其他任何形式出现的，因此它似乎是一个普遍的问题，但我不知道为什么会发生这种情况。
在这里
示例
所以你看到了确切的问题。
只需按几次，添加按钮。
编辑
因此，问题在于，我使用滚动条插件将多个div容器嵌套到彼此的和中。不管是谁--每个人都会产生这个问题。我已经通过更改scrollReveal.js -第78行中的一行来解决这个问题：
viewport: window.document.documentElement, // <HTML> element by default.至
viewport: window.document.getElementById('right'), // it's my custom container-div现在该怎么做了。
如果您遇到类似的问题，任何滚动插件或wow.js，它也应该修复您的问题。只需更改相应的视口即可。
回答 2
Stack Overflow用户
发布于 2014-12-30 10:53:24
因此，问题在于，我使用滚动条插件将多个div容器嵌套到彼此的和中。不管是谁--每个人都会产生这个问题。我已经通过更改scrollReveal.js -第78行中的一行来解决这个问题：
viewport: window.document.documentElement, // <HTML> element by default.至
viewport: window.document.getElementById('right'), // it's my custom container-div现在该怎么做了。
如果您遇到类似的问题，任何滚动插件或wow.js，它也应该修复您的问题。只需更改相应的视口即可。
Stack Overflow用户
发布于 2014-12-29 15:18:48
这里的问题是，如果每次添加新元素时都调用window.sr = new ScrollReveal()，那么所有对具有data-sr的元素的引用都会被删除，并且只保存最后一个元素的引用。
相反，您可以调用window.sr.init(true);。有关更多详细信息，请访问此github项目https://github.com/julianlloyd/scrollReveal.js/blob/master/scrollReveal.js
下面是上面更改的工作笔：CodePen
https://stackoverflow.com/questions/27681410
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号