vue-router scrollBehavior可以记录元素内部的滚动条位置吗?

https://img3.mukewang.com/5c1c442400013c2003310545.jpg

如图所示,上下两个导航条和标题都是绝对定位,中间主体部分是一个类名为container的绝对定位的div,滚动轴设置在这个div里面,使用vue-router scrollBehavior时候,发现记录的总是html滚动轴的位置,我想记录container的滚动轴位置,怎么样解决这个问题?望大佬解答,感激不尽~~~

皈依舞
浏览 679回答 1
1回答

小怪兽爱吃肉

如果你的页面是单页应用,Vuet可以实现你的需求import Vue from 'vue'import Vuet from 'vuet'Vue.use(Vuet)const vuet = new Vuet({&nbsp; modules: {&nbsp; &nbsp; testModule: {&nbsp; &nbsp; &nbsp; data () {&nbsp; &nbsp; &nbsp; &nbsp; return {}&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; }})new Vue({&nbsp; // ...&nbsp; vuet,&nbsp; template: `&nbsp; &nbsp; <div v-vuet-scroll.self="{ path: 'testModule',&nbsp; name: '随便给一个名字' }"></div>&nbsp; `})如果你需要记录多个滚动条,调用多次v-vuet-scroll这个指令,设置不同的名字即可
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript