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

Question

我正在尝试为我们网站的客户制作RSS提要，以查看新闻。 我的想法是，我希望有一个缓慢且平滑的向下滚动动画，目的只是为了消除可见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.. -->