zepto.fullpage icon indicating copy to clipboard operation
zepto.fullpage copied to clipboard

建议: 增加复合模式, 同时实现 Horizontal + Vertical

Open Kaijun opened this issue 9 years ago • 3 comments

我目前的需求是 同时有水平和垂直的

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);
        ...
    }

Kaijun avatar Jun 16 '15 15:06 Kaijun

首先感谢提出宝贵意见,同事支持水平滚动的建议我其实还未提上议程,我一直在纠结是否要单例,从代码中就可以看出来,你这需求提的不错,准备搞成多个实例的支持

yanhaijing avatar Jun 17 '15 01:06 yanhaijing

现在支持多实例了吗?

Realybig avatar May 25 '17 04:05 Realybig

还不支持哦,o(╯□╰)o

yanhaijing avatar May 25 '17 05:05 yanhaijing