Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 后期加载的屏幕外元素_Javascript_Jquery_Html_Css_Ajax - Fatal编程技术网

Javascript 后期加载的屏幕外元素

Javascript 后期加载的屏幕外元素,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,我不想在向下滚动时淡入元素。此外,还可以通过单击按钮添加更多元素。 问题是,一旦附加的元素脱离屏幕,它们就不会被设置动画,甚至不会被显示 它出现在wow.js和scrollReveal.js以及其他任何版本中,所以这似乎是一个普遍的问题,但我无法确切地解释为什么会发生这种情况 这里有一个,您可以看到确切的问题 只需按几下添加按钮。 编辑 所以,问题是,我使用滚动条插件将多个div容器嵌套在彼此和中。不管是哪一个,每个人都会产生这个问题。我已经通过更改scrollReveal.js中的一行修复了该

我不想在向下滚动时淡入元素。此外,还可以通过单击按钮添加更多元素。 问题是,一旦附加的元素脱离屏幕,它们就不会被设置动画,甚至不会被显示

它出现在wow.js和scrollReveal.js以及其他任何版本中,所以这似乎是一个普遍的问题,但我无法确切地解释为什么会发生这种情况

这里有一个,您可以看到确切的问题

只需按几下添加按钮。

编辑


所以,问题是,我使用滚动条插件将多个div容器嵌套在彼此中。不管是哪一个,每个人都会产生这个问题。我已经通过更改scrollReveal.js中的一行修复了该问题-第78行:

viewport: window.document.documentElement, // <HTML> element by default.
viewport: window.document.documentElement, // <HTML> element by default.
现在它是如何工作的


如果您在scrollbarplugin或wow.js中遇到类似问题,它也应该可以解决您的问题。只需更改相应的视口。

这里的问题是,如果每次添加新元素时都调用
window.sr=new ScrollReveal()
,则删除对包含数据sr的元素的所有引用,并且只保存最后一个元素的引用

相反,您可以调用
window.sr.init(true)。有关更多详细信息,请访问此github项目


下面是带有上述更改的工作笔:

因此,问题是,我使用滚动条插件将多个div容器嵌套在彼此之间。不管是哪一个,每个人都会产生这个问题。我已经通过更改scrollReveal.js中的一行修复了该问题-第78行:

viewport: window.document.documentElement, // <HTML> element by default.
viewport: window.document.documentElement, // <HTML> element by default.
现在它是如何工作的


如果您在scrollbarplugin或wow.js中遇到类似问题,它也应该可以解决您的问题。只需更改相应的视口。

css转换似乎没有正确触发。。hmmYou解决了这个问题?不是真的,但我现在知道为什么会发生了。我不确定它是否容易修复,因为这也取决于你如何布局你的网站,似乎是我个人的问题,但如果我解决了,我会发布解决方案,因为我相信其他人也会遇到这个问题(基本上这是因为container div使用
height:100%
无法正确计算元素的偏移量,因此向下滚动时不会淡入)谢谢你的努力,但正如我告诉你的,我已经找到了答案,而这与你发布的内容无关。我也尝试了所有这些,遗憾的是,样本没有真正正确地总结我的问题。这只是一个黑客行为。我目前找不到有效的解决方案。你应该用你找到的答案更新问题,以便社区可以帮助你。你应该阅读我在帖子上的最后一条评论。但你是对的。我会稍后再做,现在我没有时间