Javascript 如何创建无限滚动图像容器？

我想为一堆图像创建一个垂直的“无限”滚动容器

这就是我到目前为止得出的结论：

$（“#容器”）。在（“滚动”上，函数（e）{
if（e.target.scrollHeight-e.target.scrollTop===e.target.clientHeight）{
$（此）.scrollTop（0）
}
})

#容器{
位置：绝对位置；
左：2%；
最高：2%；
宽度：10%；
身高：90%；
边框：2件纯黑；
溢出x：隐藏；
溢出y：滚动；
}
.形象{
宽度：100%；
利润底部：10%；
}
#容器{
-ms溢出样式：无；
溢出：-moz滚动条无；
}
#容器：：-webkit滚动条{
显示：无；
}