Vue中使用 scrollBehavior 保留高度点击列表进去时候的高度，但是返回的时候怎么才能不那么生硬，加入动画呢？

Question

页面是

（图1）

当点击红色的框可以看到详细的图片（可以左右滑动，图2）

（图2）

当我点击手机上的返回或者点击（图2）的时候返回 （图1），高度是可以返回之前的高度，但是顿了一下然后突然到刚进入（图2）的高度，能不能加入动画弥补这一问题，或者返回的时候直接就是最初的高度呢？
我在router/index.js

    scrollBehavior (to, from, savedPosition) {
     if(savedPosition) {
        setTimeout(() => {
            window.scrollTo(savedPosition.x, savedPosition.y);
        }, 250)
    }else {
        return { x: 0, y: 0 }
      }
    }

怎么解决这问题呢？

Answer 1

.xx img{
    transition-duration:.3s;
}

这里的xx是你的图片选择器