定位当前页面指定位置 scrollIntoView

600 阅读1分钟

scrollIntoView

该scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。

链接:==> 官网介绍这里我就不喷了.

    function scrollIntoView(id){
         this.$el.querySelector(id).scrollIntoView({
            behavior: 'smooth', // 平滑过渡
            block: 'start' // 上边框与视窗顶部平齐。默认值
         })
    }

注意事项

Vue  最好你要跳转的不是最外层id  不然可能会出现null 或者undefined
  可以用一个标签包住
  
  根据其他元素的布局,元素可能无法完全滚动到顶部或底部。
  
  页面(容器)可滚动时才有用!

错误写法:..