zepto.fullpage
zepto.fullpage copied to clipboard
建议: 增加复合模式, 同时实现 Horizontal + Vertical
我目前的需求是 同时有水平和垂直的
H(0) H(1) H(2) V(1) V(2) V(3)
但是具体实现过程中, 我是这样做的, 顺序运行 $('.wp-inner-vertical').fullpage(); $('.wp-inner-horizontal').fullpage({dir: 'h'});
我发现是有问题的:
- zepto.fullpage 是单例模式, 所以, 第二个Fullpage并不会实例化. 我的临时解决方案是: 去掉单例模式
$.fn.fullpage = function(option) {
var fullpage = new Fullpage($(this), option);
return fullpage;
};
- 由于 复合以后 垂直fullpage的page计数会有问题(因为会受水平fullpage的影响), 导致到最后一页了还可以垂直向下滑.
我的临时解决方案是, init方法中的find改为children, 这样只找子节点的
.page
:
function init(option) {
...
that.$pages = that.$this.children(o.page).addClass('fullPage-page fullPage-dir-' + o.dir);
...
}
首先感谢提出宝贵意见,同事支持水平滚动的建议我其实还未提上议程,我一直在纠结是否要单例,从代码中就可以看出来,你这需求提的不错,准备搞成多个实例的支持
现在支持多实例了吗?
还不支持哦,o(╯□╰)o