vue-fullpage
vue-fullpage copied to clipboard
插件适用范围
您好,请问这个vue-fullpage 能适用于桌面端的鼠标滚轮吗?还是说只能是移动端的手势滑动?
目前只支持移动端的手势滑动。
你这个vue-fullpage怎么点击一个按钮进入下一个页面啊?
你这边有没有可以设置一个按钮来兼容PC端让它跳到下一个或者上一个页面酱紫
请问用vue-cli生成的1.0的页面该怎么实现fullpage
目前只支持移动端的手势滑动。
请问下 为什么在手机上显示的我的的一屏上的有些盒子显示不出来? 在谷歌模拟器上就是好的
你这个vue-fullpage怎么点击一个按钮进入下一个页面啊?
NO1:分析源码,
NO2:解析 得出
因为main.js 里面use 了 fullpage 所以
在点击事件内,取出 this.$fullpage,能拿到所有方法
{install: ƒ, initAnimate: ƒ, addAnimated: ƒ, removeAnimated: ƒ, assignOpts: ƒ, …} addAnimated: ƒ (el, animate) assignOpts: ƒ (option) curIndex: 1 el: div.fullpage-wp height: 768 init: ƒ (el, options, vnode) initAnimate: ƒ (el, binding, vnode) initEvent: ƒ (el) initScrollDirection: ƒ () install: ƒ (Vue, options) move: ƒ (dist) moveTo: ƒ (curIndex, anim) o: {der: 0.1, …} pageEles: HTMLCollection(7) [div.page-1.page, div.page-2.page, div.page-3.page, div.page-4.page, div.page-5.page, div.page-6.page, div.page-7.page] parentEle: div.fullpage-container prevIndex: 1 removeAnimated: ƒ (el, animate) startX: 184 startY: 572 total: 7
NO3: 所以分析得出 this.$fullpage.moveTo(1,false);
就是你想要的
你这边有没有可以设置一个按钮来兼容PC端让它跳到下一个或者上一个页面酱紫
this.$fullpage.moveTo(1,false);