在到达25个唯一div的末尾后再加载5个div。每行5行,5个div

时间:2018-02-05 19:08:56

标签: javascript jquery loops scroll

我有25个div,每行有5个div。 每个div是20vw。 有5行显示所有div。 当我们向下滚动到最后5个div时,我希望页面在之后立即加载前5个div,因此它将成为循环无限滚动。

我在网上找到了一些脚本和技术。我实现了它们,但到目前为止没有任何工作。

这是我找到的最接近的代码: https://jsfiddle.net/xt8qswab/

{{1}}

但是这里原始页面的顶部有一个非常突然的停止。我能顺畅吗?有没有更好的技术来实现这一目标?

请注意,我在编写jscript时并不擅长使用和修改现有代码。

1 个答案:

答案 0 :(得分:-1)

如果您使用的是jquery,我建议您使用.clone()功能,然后.append()使用几乎到达底部

文档在这里https://api.jquery.com/clone/