如何使用 javascript 滚动到列表组项答案

【问题标题】：how to scroll to a list-group-item using javascript如何使用 javascript 滚动到列表组项
【发布时间】：2017-11-08 00:13:28
【问题描述】：

我有一个带有垂直滚动条和固定高度的引导列表组。创建组时以编程方式选择活动项。

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

【问题讨论】：

标签： javascript bootstrap-4

【解决方案1】：

这很容易通过Jquery 使用下面的代码来实现：

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

【讨论】：