我不想在向下滚动时淡化元素。此外，它还可以通过单击按钮添加更多元素。 问题是，一旦附加的元素在屏幕外，它们就不会被动画化，也不会被显示出来。
它与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
现在它起作用了。
如果您遇到类似问题的任何scrollbarplugin或wow.js，它也应该解决您的问题。只需更改相应的视口即可。
答案 0 :(得分：0)
这里的问题是，如果每次添加新元素时调用window.sr = new ScrollReveal()，则删除对具有data-sr的元素的所有引用，并且仅保存最后一个元素的引用。
相反，您可以致电window.sr.init(true);。有关更多详细信息，请访问此github项目https://github.com/julianlloyd/scrollReveal.js/blob/master/scrollReveal.js
以下是具有上述更改的工作笔：CodePen
答案 1 :(得分：0)
所以，问题是，我有多个div容器使用滚动条插件互相嵌套和。并不重要 - 每个都会产生这个问题。我通过更改scrollReveal.js中的一行来解决问题 - 第78行：
viewport: window.document.documentElement, // <HTML> element by default.
到
viewport: window.document.getElementById('right'), // it's my custom container-div
现在它起作用了。
如果您遇到类似问题的任何scrollbarplugin或wow.js，它也应该解决您的问题。只需更改相应的视口即可。