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

Question

我正在尝试为我们网站的客户制作RSS Feed以查看新闻。 我的想法是，我想要一个缓慢而平滑的向下滚动动画，只是为了恢复未显示在可见div元素中的新闻。 包含所有这些文章的元素具有设置的高度并具有自己的垂直滚动条。 这些文章的高度为：100px;宽度：100％，并且有唯一的ID，但根据RSS提要，显示的内容从1到100篇都有。

如何制作完成此任务的纯JavaScript？ 我也在使用道场，以防他们有办法做到这一点，我不知道。

这是所有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.. -->