HTML中 scrollTop++ 不能够实现div向上滚动的原因

假设有三个层，id分别是：demo,demo1,demo2,包含关系如下：即，demo 包含demo1和demo2;

HTML代码：

 <div id="demo" style="background-color:#ff0000; width:500px;height:200px;overflow: hidden;" >      

  
        <div id="demo1" style="width:500px;height:200px;background-color:yellow"> 
        </div>

        <div id="demo2" style="width:500px;height:200px;background-color:pink">       
</div>
</div>

JS代码：