滚动到引导面板内的位置

Question

我有一个小组(bootstrap)，数据库提供了很多结果。当我单击其中一个结果时，它将打开一个包含详细信息的侧面窗口。

有时我的面板上填充了100+行，因此当我向下滚动并单击href的1时，它将刷新并返回顶部。

我想要的是：单击href时，它将在面板内滚动回到该href。

我尝试了什么？很多.....

发生什么了？使用javascript获取滚动位置：

window.addEventListener("scroll", function (event) {
        var scroll = this.scrollY;
        console.log(scroll)
});

这仅与主滚动条一起使用。不会从面板内的滚动条给出pos

一些图片：

更多信息：：当我单击href时，我重定向到与上一页具有相同面板和href列表的另一页。

这是脚本的一小部分：

<div class="row">
  <div class="col-lg-8">
    <div class="panel panel-default">
      <div class="panel-heading">
        <i class="fa-fw"></i>Job lijst voor resource id:
        <span style="float:right;">
                    <a class="btn btn-link" href="javascript:history.back()">
                        <i class="fa fa-arrow-circle-o-left"  aria-hidden="true"></i> Terug
                    </a>
                </span>
      </div>
      <div class="panel-body col-lg-12" style="overflow-y: auto; height: 700px">
        <div class="list-group">
          <?php
            while ($row = $stmt->fetch(PDO::FETCH_ASSOC)){
            ?>
            <a href="blablablabla" class="list-group-item" style="background-color: #<?php echo $fontColor; ?>">
              <!-- background color to highlight the selected href -->
              <div style="text-align:left">
                <div class="row">
                  Some info from the database
                </div>
              </div>
            </a>
            <?php
            }
            ?>
        </div>
      </div>
    </div>