console 命令行工具 X clear

console

const ul = document.querySelector('.slide ul')

const lis = [1,2,3,4,5,6,7,8,9,10].map(()=>{
    return '<li>dd</li>'
}).join('')
setTimeout(()=>{


ul.insertAdjacentHTML('afterBegin',lis)

},500)

<div class="slide">
    <ul>
        <li>ddd</li>
    </ul>


</div>

.slide{
    height: 100vh;
    width: 200px;
    position: fixed;
    left: 0;
    overflow-y: scroll;
    background-color: #fff;
    }

    li{
        line-height: 100px;
    }