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显示出来（用定时器平滑的出来）