dom onscroll一滚到底

Question

<style>
            *{
                margin: 0;
                padding: 0;
            }
            .aa {
                height: 400px;
                border: 1px solid #000;
                overflow: auto;
            }
            .bb {
                height: 4000px;
            }
            .cc {
                background: #00FFFF;
            }
            .dd {
                background: #CCCCCC;
            }
        </style>
<div class="aa">
            <div class="bb">
                <div class="cc">
                    
                </div>
                <div class="dd">
                    
                </div>
            </div>
        </div>
        
        <script type="text/javascript">
            document.querySelector('.aa').onscroll = function(){
                document.querySelector('.cc').style.height = this.scrollTop + 'px';
                document.querySelector('.dd').style.height = '400px';
            }
        </script>

为何aa节点提一滚动的时候,cc节点会一直增加高度

Answer 1

增加不是你自己写的嘛。。