Javascript 如何使左div滚动位置跟随窗口滚动位置？

为了防止左边的年份显示得太长，我限制了他的身高。当我滚动窗口时，左侧div的内容不会改变

我想滚动窗口，左div的内容将自动滚动到适当的年份位置。如何使其跟随窗口的滚动位置到适当的年份

$（窗口）.on（'scroll'，function（）{
var sections=$（“.timeline_article”），
导航=$（'.scroll_navigation_section'），
页眉高度=$（'.header'）.outerHeight（），
cur_pos=$（this.scrollTop（）；
节。每个（函数（）{
var top=$（this）.offset（）.top-页眉高度，
bottom=top+$（this.outerHeight（）；
如果（当前位置>=顶部和当前位置a激活{
颜色：红色；
}
.包装纸{
最大宽度：600px；
保证金：0自动；
填充：0.6雷姆；
}

1964
长期以来，读者在查看页面布局时会被页面的可读内容分散注意力是一个既定事实。使用Lorem Ipsum的意义在于，它的字母分布或多或少是正态的，而不是使用“此处内容，此处内容”，使其看起来像可读的英语。许多桌面发布软件包和web页面编辑器现在使用Lorem Ipsum作为默认的模型文本，搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来，各种版本不断演变，有时是偶然的，有时是故意的（注入幽默等）

1984
Lorem Ipsum仅仅是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是该行业的标准虚拟文本，当时一位不知名的印刷商拿起一个打印工具，争先恐后地制作了一本字体样本书。它不仅存活了五个世纪，而且还跨越到了电子排版，剩下的是电子版它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着包括Lorem Ipsum版本的Aldus PageMaker等桌面出版软件的发布而流行

2000
Lorem Ipsum仅仅是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是该行业的标准虚拟文本，当时一位不知名的印刷商拿起一个打印工具，争先恐后地制作了一本字体样本书。它不仅存活了五个世纪，而且还跨越到了电子排版，剩下的是电子版它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着包括Lorem Ipsum版本的Aldus PageMaker等桌面出版软件的发布而流行

2002
Lorem Ipsum仅仅是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是该行业的标准虚拟文本，当时一位不知名的印刷商拿起一个打印工具，争先恐后地制作了一本字体样本书。它不仅存活了五个世纪，而且还跨越到了电子排版，剩下的是电子版它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着包括Lorem Ipsum版本的Aldus PageMaker等桌面出版软件的发布而流行

2009
长期以来，读者在查看页面布局时会被页面的可读内容分散注意力是一个既定事实。使用Lorem Ipsum的意义在于，它的字母分布或多或少是正态的，而不是使用“此处内容，此处内容”，使其看起来像可读的英语。许多桌面发布软件包和web页面编辑器现在使用Lorem Ipsum作为默认的模型文本，搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来，各种版本不断演变，有时是偶然的，有时是故意的（注入幽默等）

长期以来，读者在查看页面布局时会被页面的可读内容分散注意力是一个既定事实。使用Lorem Ipsum的意义在于，它的字母分布或多或少是正态的，而不是使用“此处内容，此处内容”，使其看起来像可读的英语。许多桌面发布软件包和web页面编辑器现在使用Lorem Ipsum作为默认的模型文本，搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来，各种版本不断演变，有时是偶然的，有时是故意的（注入幽默等）

2012
长期以来，读者在查看页面布局时会被页面的可读内容分散注意力是一个既定事实。使用Lorem Ipsum的意义在于，它的字母分布或多或少是正态的，而不是使用“此处内容，此处内容”，使其看起来像可读的英语。许多桌面发布软件包和web页面编辑器现在使用Lorem Ipsum作为默认的模型文本，搜索“Lorem Ipsum”将发现许多尚处于起步阶段的网站。多年来，各种版本不断演变，有时是偶然的，有时是故意的（注入幽默等）

这是一个由来已久的问题