html - 无限滚动使图像重复Y

Question

是否有可能使图像repeat y(向下)只要用户不断滚动它就不断重复？

我知道可以重复 x 或 y 图像，但图像将在浏览器末尾停止。只要您继续向下滚动，我就会让它继续下去。

如果可能，最好是 CSS 或 HTML

这就是我到目前为止所做的，我只需要知道如何让 div 进行无限量:

CSS:

.slide {
    width:30px;
    height:1000px;
    background-image:url(http://paulbourke.net/fractals/noise/noise2d.gif);
    background-repeat:repeat-y;
    margin:0 auto;
}

HTML:

<div class="slide"></div>

Fiddle

Answer 1

创建具有无限高度的 HTML 元素可能是不可能的。但是，当用户滚动到底部附近时，您可以使用 javascript 展开元素。