Javascript 我如何能够无休止地滑动表格内容而不出现空白？

我想制作一个滑动表，显示从下到上有争议的行，在开始或结束时没有白色的间隙

var我的时间；
$（文档）.ready（函数（）{
setTimeout（函数（）{
}, 200);
页面滚动（）；
$（“#包含”）.mouseover（函数（）{
clearTimeout（我的时间）；
}).mouseout（函数（）{
页面滚动（）；
});
});
函数pageScroll（）{
var objDiv=document.getElementById（“包含”）；
objDiv.scrollTop=objDiv.scrollTop+1；
$（'p:nth of type（1）'）.html（'scrollTop:'+objDiv.scrollTop）；
$（'p:nth of type（2）'）.html（'scrollHeight:'+objDiv.scrollHeight）；
if（objDiv.scrollTop==（objDiv.scrollHeight-106））{
objDiv.scrollTop=-50；
}
my_time=setTimeout（'pageScroll（）'，25）；
}

正文{
字体系列：“helvetica”；
}
#包含{
高度：100px；
溢出y：滚动；
}
#表格滚动条{
宽度：100%；
边缘顶部：100px；
边缘底部：100px；
边界塌陷：塌陷；
}
#表4滚动条THAD th{
填充：10px；
背景色：#ea922c；
颜色：#fff；
}
#表4滚动体td{
填充：10px；
背景色：#ed3a86；
颜色：#fff；
}

名称
电话
单位
用户一
0123456789
公司1
用户二
000550050055
公司2
另一个用户
22221323123
公司3
更多用户。。。。。。。。。。。。。
......................
...............

我为不同的客户使用了另一个示例。也许你可以使用它：

/*
无限循环卷轴。
在Chrome、Safari和Firefox的最新版本中测试并运行良好。
未针对移动设备构建/测试。
*/
"严格使用",；
var doc=window.document，
context=doc.getElementsByClassName（'js-loop'）[0]，
clones=context.getElementsByClassName（'is-clone'），
禁用滚动，
卷轴高度，
scrollPos，
克隆高度，
我
函数getScrollPos（）{
返回（context.pageYOffset | | | context.scrollTop）-（context.clientTop | | 0）；
}
功能设置CROLLPOS（pos）{
context.scrollTop=pos；
}
函数getClonesHeight（）{
克隆高度=0；
i=0；
对于（i；i<1.length；i+=1）{
clonesHeight=clonesHeight+clones[i]。视线外；
}
返回克隆高度；
}
函数reCalc（）{
window.requestAnimationFrame（reCalc）；
scrollPos=getScrollPos（）；
scrollHeight=context.scrollHeight；
clonesHeight=getClonesHeight（）；
如果（滚动位置=滚动高度）{
//到达底部后滚动到顶部
setScrollPos（1）；//向下滚动1个像素以允许向上滚动
disableScroll=true；
}否则，如果（滚动位置
我为另一个客户使用了另一个示例。也许您可以使用它：


/*
无限循环卷轴。
在Chrome、Safari和Firefox的最新版本中测试并运行良好。
未针对移动设备构建/测试。
*/
"严格使用",；
var doc=window.document，
context=doc.getElementsByClassName（'js-loop'）[0]，
clones=context.getElementsByClassName（'is-clone'），
禁用滚动，
卷轴高度，
scrollPos，
克隆高度，
我
函数getScrollPos（）{
返回（context.pageYOffset | | | context.scrollTop）-（context.clientTop | | 0）；
}
功能设置CROLLPOS（pos）{
context.scrollTop=pos；
}
函数getClonesHeight（）{
克隆高度=0；
i=0；
对于（i；i<1.length；i+=1）{
clonesHeight=clonesHeight+clones[i]。视线外；
}
返回克隆高度；
}
函数reCalc（）{
window.requestAnimationFrame（reCalc）；
scrollPos=getScrollPos（）；
scrollHeight=context.scrollHeight；
clonesHeight=getClonesHeight（）；
如果（滚动位置=滚动高度）{
//到达底部后滚动到顶部
setScrollPos（1）；//向下滚动1个像素以允许向上滚动
disableScroll=true；
}否则，如果（滚动位置
嗨，你能为更好的音乐创作小提琴吗understanding@Help.Hi！感谢您的快速响应，这是JFiddle链接：@Titus，感谢您的编辑，但这不是我希望它看起来的样子，在结果上升后，有一个空白区域，我希望第一个项目进入底部，使其看起来像无尽的项目。我刚刚添加了“jQuery”在其他人创建了剪子后。当我单击小提琴时，我看不到白色的间隙。它一直上下滚动。嗨，你能为更好地创建小提琴吗understanding@Help.嗨！谢谢你的快速回复，这里是JFiddle链接：@Titus，谢谢你的编辑，但这不是我想要的样子，结果出来后，有一个空白区域，我希望第一个项目放在底部，这样它看起来像是无尽的项目。在其他人创建剪贴后，我刚刚添加了“jQuery”。当我单击小提琴时，我看不到空白。它一直上下滚动。