Javascript 自动向下滚动到下一个元素

我正在尝试为我们网站的客户制作一个RSS提要，以便他们在网站上看到新闻。 我的想法是，我想有一个缓慢而平滑的向下滚动动画，只是为了重新浏览visible div元素中未显示的新闻。 包含所有这些项目的元素有一个设置的高度，并有自己的垂直滚动条。 物品高度：100px；宽度：100%，并有其唯一的id，但根据RSS提要显示从1到100篇文章的所有内容

如何制作一个完成此任务的纯javascript？ 我也在使用dojo，以防他们有一种我不知道的方法

这都是javascript生成的HTML。 我将发布结构摘要以供参考

谢谢

<table>
<tbody>
<tr>
<td id="mainLeft">
    <div id="slider1_container" />
    <div id="rssBoxWrapper">
        <table id="rssBoxHeader" />
    <div id="newsContentWrapper">  <!--Contains scroll bar & articles -->
        <table id="article0" />``
        <table id="article1" />
        <table id="article2" />
        <table id="article3" />
        <table id="article4" /> <!-- Houndres of articles follows.. -->

``

看一看，我实际上已经让它工作了，只做了超时和间隔，但我将在将来整理整个页面，这看起来是一个非常简洁的方式，可以漂亮地为网站制作动画，但我cba试图在网页的最后阶段实现它。谢谢你！