Pure_Sunshine 2022-07-12 10:21 采纳率: 0%
浏览 222
已结题

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

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

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

img


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

问题相关代码,请勿粘贴截图
snsItemClick(id) {
     this.$nextTick(() => {
           // document.getElementById(id) 经过验证每次都可以正确地获取到相关DOM
           document.getElementById(id).scrollIntoView({block: 'center', behavior: 'smooth'});
     })
},
我想要达到的结果

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

  • 写回答

0条回答 默认 最新

    报告相同问题?

    问题事件

    • 系统已结题 7月20日
    • 创建了问题 7月12日