SOURCE

<div style="border:1px solid red;height:700px;width:400px">
    <div style="background:green;height: 50px;">我是上半部分</div>
    <div style="height:100%;">
        <!-- 这里的 padding-bottom 可以比上半部分的高度多预留一些高度 -->
        <ul style="overflow:auto;height:100%;padding-bottom:250px;box-sizing:border-box;">
            <li style="border:1px solid #DDD;height:100px">我是滚动内容</li>
            <li style="border:1px solid #DDD;height:100px">我是滚动内容</li>
            <li style="border:1px solid #DDD;height:100px">我是滚动内容</li>
            <li style="border:1px solid #DDD;height:100px">我是滚动内容</li>
            <li style="border:1px solid #DDD;height:100px">我是滚动内容</li>
            <li style="border:1px solid #DDD;height:100px">我是滚动内容</li>
            <li style="border:1px solid #DDD;height:100px">我是滚动内容</li>
            <li style="border:1px solid #DDD;height:100px">我是滚动内容</li>
            <li style="border:1px solid #DDD;height:100px">我是滚动内容</li>
            <li style="border:1px solid #DDD;height:100px">我是滚动内容</li>
            <li style="border:1px solid #DDD;height:100px">我是滚动内容</li>
        </ul>
    </div>
</div>