JS基础-特效篇（定时器）07-长图滚动

1.效果：鼠标在图片上半部分向上滚动，鼠标在图片下半部分向下滚动；鼠标不在图片上停止滚动。
2.页面元素

<div id="box">
    <img id="pic" src="images/03.jpg" alt="">
    <span id="to-top"></span>
    <span id="to-bottom"></span>
</div>

3.样式

<style>
        * {
   
            margin: 0;
            padding: 0;