Vue JS-如何滚动(聚焦)到“ Active” li元素?

时间:2018-10-22 11:33:42

标签: javascript html vue.js

我有一个无序列表,里面有一堆li元素。当使用箭头键上下移动列表时(突出显示当前列表并将该li元素的Active类设置为true),我希望模式滚动(聚焦)在具有Active类的li元素上设置为true。

我该怎么做?

1 个答案:

答案 0 :(得分:1)

您所说的模型是什么意思?用户的视口?

然后,您将需要创建一个方法并调用它,并遵循以下内容:

 window.scrollBy({
   top: targetYourElementHere.getBoundingClientRect().top,
   behavior: 'smooth'
 })