Question

我有一个带有垂直滚动条和固定高度的bootstrap list-group。创建组时，将以编程方式选择活动项目。

显示列表时，活动项目不可见，因为它超出了显示项目的范围。我想知道如何使用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>

Answer 1

使用以下代码Jquery很容易实现：

$( document ).ready(function() {
    $('html, body').scrollTop: $("a.active").offset().top;
});

如何使用javascript滚动到list-group-item

1 个答案: