javascript - js div设置为overflow: scroll; li标签指定滚动到某位置
本文介绍了javascript - js div设置为overflow: scroll; li标签指定滚动到某位置的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
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>
解决方案
div.addEventListener('scroll', function (){
//...
})
设置div的scrollTop为li的offsetTop
这篇关于javascript - js div设置为overflow: scroll; li标签指定滚动到某位置的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文