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

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

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

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

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

我想要达到的结果

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