需要完成的样子:
第一步:安装vue-seamless-scroll
npm install vue-seamless-scroll --save
第二步全局引用插件
第三步页面使用
添加伪类及样式
思路:注册seamlessActive指令,然后获取dom的高度以及dom距离可视窗口的top距离,计算出中心点高亮在div的上半部分以及下半部分,并获取到所有带.seamless-tag的元素,用div距离可视窗口的top减去带.seamless-tag的div距离可视
需要完成的样子:
第一步:安装vue-seamless-scroll
npm install vue-seamless-scroll --save
第二步全局引用插件
第三步页面使用
添加伪类及样式
思路:注册seamlessActive指令,然后获取dom的高度以及dom距离可视窗口的top距离,计算出中心点高亮在div的上半部分以及下半部分,并获取到所有带.seamless-tag的元素,用div距离可视窗口的top减去带.seamless-tag的div距离可视