js div设置为overflow: scroll; li标签指定滚动到某位置

Question

window.scrollTo(0, 300); 这是滚动window的，但滚动下面li标签,
比如li[9]滚动到最上面，应该怎么做呢？

        <div id="example-2"> 

            <div>这是标题</div>

            <div id="div1" style="height: 5rem;border: 1px solid #007AFF;overflow: scroll;">

                <ul>

                    <li>1</li>

                    <li>2</li>

                    <li>3</li>

                    <li>4</li>

                    <li>5</li>

                    <li>6</li>

                    <li>7</li>

                    <li>8</li>

                    <li>9</li>

                    <li>10</li>

                    <li>11</li>

                    <li>12</li>

                </ul>

            </div>

        </div>

Answer 1

div.addEventListener('scroll',&nbsp;function&nbsp;(){&nbsp;&nbsp;&nbsp;&nbsp; //... })设置div的scrollTop为li的offsetTop代码地址