Javascript 无感染元素的无限卷轴

Javascript 无感染元素的无限卷轴,javascript,html,css,web,Javascript,Html,Css,Web,我试图实现一个无限卷轴,作为一个有定义的帖子限制的字幕 当您到达滚动部分的末尾时,通过向可滚动部分的末尾注入新页面来创建基本的无限滚动 我的布局很像一个字幕,但是可以滚动,因为内容总是一样的,我不想注入新的元素 您可以在此处检查行为: 这是我想要的行为,我所做的是复制滚动部分的内容,以便在滚动部分有两个布局。然后,在滚动时,在滚动部分中跟踪1/4和3/4位置并跳到另一侧。它提供了无限滚动的效果,您只需在滚动部分从一侧跳到另一侧 它的显示完全相同,但没有在末尾添加新元素 除了iOs之外,这种行为在

我试图实现一个无限卷轴,作为一个有定义的帖子限制的字幕

当您到达滚动部分的末尾时,通过向可滚动部分的末尾注入新页面来创建基本的无限滚动

我的布局很像一个字幕,但是可以滚动,因为内容总是一样的,我不想注入新的元素

您可以在此处检查行为:

这是我想要的行为,我所做的是复制滚动部分的内容,以便在滚动部分有两个布局。然后,在滚动时,在滚动部分中跟踪1/4和3/4位置并跳到另一侧。它提供了无限滚动的效果,您只需在滚动部分从一侧跳到另一侧

它的显示完全相同,但没有在末尾添加新元素

除了iOs之外,这种行为在所有设备和浏览器中都像一种魅力。iOs似乎通过隐藏屏幕边界之外的元素来优化GPU,所以当我从滚动的3/4跳到1/4时。它闪烁为白色元素,最后显示1/4滚动条

这是一个滚动的模式

scroll start post limit   first elem  first elem clone
                      |   |           |
                      v   v           v
                      [1111111-22222222]
                          ^         ^
                          |         |
                          -----------
when you reach one of those points it goes to the other one to make an effect of infinite
有没有办法摆脱这种眨眼