在 vue2 中使用 scrollIntoView 时遇到的问题

Question

问题遇到的现象和发生背景

在vue2的项目中使用 scrollIntoView 时发生的问题：
有的时候点击一次，不会滚动到目标位置，只会稍微滚动一点点；但有时候点击就是正常滚到到目标位置，演示如下：

但只是在PC上会有这样的问题，我把网页粘贴到手机上进行操作的时候就不会有这样类似卡顿的问题

问题相关代码，请勿粘贴截图

snsItemClick(id) {
     this.$nextTick(() => {
           // document.getElementById(id) 经过验证每次都可以正确地获取到相关DOM
           document.getElementById(id).scrollIntoView({block: 'center', behavior: 'smooth'});
     })
},

我想要达到的结果

在PC上也能正常滚动，希望有了解的带佬能予以解答。