vue如何在网页中实现使用代码控制当前可见内容视角的移动？

Question

在内容超出容器时，用户可以通过上下左右滑动的操作，来使得可视范围内的内容改变，这是基于用户用手滑动实现的，如何使用代码控制当前视角的移动呢？

使用过window.scrollTo（）等没有达到效果，还有其他方法吗？
例如，植物大战僵尸中，玩家视角首先在花园中，几秒间隙后，可视界面右移至花园外的僵尸处。（只是举例，实际用到的技术是不同，但是需要实现的效果是相同的。）

Answer 1

拿到你滚动的那个dom节点,执行如下代码

1. 上下滚动 element.scrollTop = xxx 具体见文档
2. 左右滚动 element.scrollLeft = xxx 具体见文档

Answer 2

拖拽的时候那种滑动效果？

https://sortablejs.github.io/Sortable/

看一下是上面这种吗？

还有一种是 CF 那种游戏中的

---

https://jsrun.net/ZsDKp/edit

看这个效果