# 程序滚动

通过使用$vuetify对象上的goTo方法，可以在应用程序中以编程方式触发滚动。此方法支持几种不同类型的目标选择器，以及使用内置的缓动函数选项。

# 使用

goTo 方法需要 target 和 options两个参数。 target 可以是从页面顶部的像素偏移，也可以是有效的 css 选择器，或者是元素引用。 options 是一个包含 duration、 easing、 container 和 offset 的对象。

# API

$vuetify

# 和路由一起使用

goTo 函数可以单独导入并在任何地方调用。这在绑定到 vue-router 时特别有用。

// src/router.js

import Router from 'vue-router'
import goTo from 'vuetify/lib/services/goto'

export default new Router({
  scrollBehavior: (to, from, savedPosition) => {
    let scrollTo = 0

    if (to.hash) {
      scrollTo = to.hash
    } else if (savedPosition) {
      scrollTo = savedPosition.y
    }

    return goTo(scrollTo)
  },
  routes: [
    //
  ],
})

了解更多？

继续学习由我们的团队选择的相关内容，或通过使用下面的导航链接在页面之间跳转。

在 GitHub 上编辑此页面

最后更新：10/07/2024, 11:31:37 AM