页面滚动后区域无法滚动

页面滚动后区域无法滚动

        <view>  
            <view style="background-color:blue;opacity: 0.3;" :style="{height:screenHeight*0.6 'px'}">  
                <text style="color:red;">其他高度</text>  
            </view>  
            <!-- 这里的高度改为screenHeight*0.4 就可以区域滚动，但是页面无法滚动，因为高度等于screenHeight -->  
            <view :style="{height:screenHeight*0.5 'px'}" style="border:1px solid yellow">  
                <view>  
                    <!-- 这里list换成scrollview一样 -->  
                    <list :style="{height:screenHeight 'px'}">  
                        <!-- 注意事项: 不能使用 index 作为 key 的唯一标识 -->  
                        <cell v-for="(item, index) in 162" :key="'index' index">  
                            <text style="color:red">dasfsa {{item}}</text>  
                        </cell>  
                    </list>  
                </view>  
            </view>  
        </view>