给盒子设置滚动

在网上查了各种教程，都不可行，最后偶然尝试发现，原来给父盒子设置overflow:scroll竟然就可以了。嗯，真是神奇。

<div class="body-head" :style="curHeight">
                <test>
                    <transition-group tag="ul" class='slide-ul' name="list">
                        <template v-for="item, index in class_data">
                            <li class="body-head-item" :key="index">
                                {{item.name}}
                            </li>
                        </template> 
                    </transition-group>
                      
                </test>
            </div>

.body-head {
    width: 25%;
    background-color: pink;
    overflow: scroll;
}