无感染无限滚动

时间:2019-06-24 21:34:07

标签: javascript html css web

我尝试将无限滚动实现为具有定义的发布限制的选取框。

当到达滚动部分的末尾时,将新页面注入到可滚动部分的末尾,从而构成基本的无限滚动。

我的布局很像选取框,但可以滚动,因为内容始终相同,所以我不想注入新元素。

您可以在此处检查行为:http://jensingvarsson.studio-push.com

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

显示完全相同,但最后没有添加新元素。

此行为在除iO之外的所有设备和浏览器中都像魅力一样。 iO似乎通过隐藏不在屏幕范围内的元素来优化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

有没有办法消除这种眨眼?

0 个答案:

没有答案