我有一个带有垂直滚动条和固定高度的引导列表组。创建组时以编程方式选择事件项目。
显示列表时,事件项目不可见,因为它超出了显示项目的范围。我想知道如何使用 javascript 以编程方式滚动列表,以便事件项目变得可见。
<div class="panel-body list-group" style="height:200px; overflow-y:scroll">
<a href="#" class="list-group-item ">REVOK1.1</a>
<a href="#" class="list-group-item ">REVOK1.2</a>
<a href="#" class="list-group-item ">REVOK1.4</a>
<a href="#" class="list-group-item ">REVOK1.5</a>
<a href="#" class="list-group-item ">REVOK1.6</a>
<a href="#" class="list-group-item active">REVOK1.7</a>
</div>
最佳答案
这很容易通过 Jquery 实现使用下面的代码:
$( document ).ready(function() {
$('html, body').scrollTop: $("a.active").offset().top;
});
关于javascript - 如何使用 javascript 滚动到列表组项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47162314/