Javascript 当设备宽度小于1200px时,scrollIntoView不工作

Javascript 当设备宽度小于1200px时,scrollIntoView不工作,javascript,angular,twitter-bootstrap,bootstrap-4,js-scrollintoview,Javascript,Angular,Twitter Bootstrap,Bootstrap 4,Js Scrollintoview,我使用Angular 5,有一个表,我在其中创建带有*ngFor的表行,并给它们一个id,即用户名 <tbody *ngFor="let User of FullTable; let i = index"> <tr id='{{User.username}}'> <th scope="row" style="vertical-align: middle;"> {{User.username}} </th> </tr&g

我使用Angular 5,有一个表,我在其中创建带有*ngFor的表行,并给它们一个id,即用户名

<tbody *ngFor="let User of FullTable; let i = index">
 <tr id='{{User.username}}'>
   <th scope="row" style="vertical-align: middle;">
    {{User.username}}
   </th>
 </tr>
</tbody>
当我在我的浏览器中时,它工作得很好,但当我进入响应视图并在1200px的宽度下时,它停止工作。当它找到一个用户时,它仍然会向上/向下跳一点,但不会滚动到该用户


有什么我遗漏的吗?这是正常的行为吗?如果是这样,当我在较小的设备上时,如何才能滚动到元素?

我已通过按偏移量而不是按找到的元素滚动解决了问题

首先我找到了元素:

const scroll = document.getElementById(this.Search);
然后我计算偏移量:

const TopPos = scroll.offsetTop;
然后用给定的偏移量滚动

const scroll = document.getElementById(this.Search);
const TopPos = scroll.offsetTop;