Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

插件适用范围 #11

Open
zerofront opened this issue Jul 3, 2017 · 7 comments
Open

插件适用范围 #11

zerofront opened this issue Jul 3, 2017 · 7 comments

Comments

@zerofront
Copy link

您好,请问这个vue-fullpage 能适用于桌面端的鼠标滚轮吗?还是说只能是移动端的手势滑动?

@taomas
Copy link
Owner

taomas commented Jul 3, 2017

目前只支持移动端的手势滑动。

@E-GreeHe
Copy link

你这个vue-fullpage怎么点击一个按钮进入下一个页面啊?

@wLove-c
Copy link

wLove-c commented Aug 22, 2017

你这边有没有可以设置一个按钮来兼容PC端让它跳到下一个或者上一个页面酱紫

@shenzudan
Copy link

请问用vue-cli生成的1.0的页面该怎么实现fullpage

@fuxiaoRebirth
Copy link

目前只支持移动端的手势滑动。

请问下 为什么在手机上显示的我的的一屏上的有些盒子显示不出来? 在谷歌模拟器上就是好的

@zhoupeihuang
Copy link

你这个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); 就是你想要的

@zhoupeihuang
Copy link

你这边有没有可以设置一个按钮来兼容PC端让它跳到下一个或者上一个页面酱紫

this.$fullpage.moveTo(1,false);

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants