js怎么实现鼠标滚动到第3个div导航栏出现？

Question

<div id="top"></div>

<div id="td"><img src="./img/1.jpg" id="tp"></div>

<div id="content1"></div>

<div id="content2"></div>

<div id="content3"></div>

top固定定位且隐藏，鼠标滑动到content1时，top显示出来（用定时器平滑的出来）