Javascript 当设备宽度小于1200px时,scrollIntoView不工作
我使用Angular 5,有一个表,我在其中创建带有*ngFor的表行,并给它们一个id,即用户名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
<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;