yanhaijing / zepto.fullpage

Focusing on the fullPage.js for mobile terminals.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

麻烦问下,设置水平滑动,里面内容多出隐藏滚动不了,怎么破。。

273000727 opened this issue · comments

请提供 简单demo

已经解决了,谢啦

可以提供下解决办法吗

就是刚才在群里面问你的,释放页面触摸

就是想让你留一下你的解决办法,好给后人使用

贴码?

因为在加载zepto.fullpage.js的时候,页面touchmove事件默认会被禁止,当页面设置左右滑动,单页内页过多则需要上下滑动,解决方法是判断页面内容是否超过屏幕高度(因为整个项目只第三页和第五页要上下滑动我就直接判断页数),超过则释放页面触摸,PS:(TCL-P520L 安卓4.4.4,Coolpad 5890 安卓4.1.2)两款手机左右和上下有冲突,当释放页面触摸时左右不可滑动,底部导航跳转到其他页面时候,则可继续滑动。

@273000727 这代码格式不能整理一下吗?

好像被清掉了。。编辑的时候有缩进的。。

var mainSlip=$('#main_slip').fullpage({
    page: '.main_box' ,
    duration: 500 ,
    dir: 'h',
    change: function(e){
        if(e.cur == 2 || e.cur == 4){
            $(".main_box").swipeLeft(function(){
                $.fn.fullpage.holdTouch();
                $(".main_boxBg").scrollTop(0);
            }).swipeRight(function(){
                $.fn.fullpage.holdTouch();
                $(".main_boxBg").scrollTop(0);
            }).swipeUp(function(){
                $.fn.fullpage.unholdTouch();
            }).swipeDown(function(){
                $.fn.fullpage.unholdTouch();
            }); 
        }else{
            $.fn.fullpage.holdTouch();
            $(".main_boxBg").scrollTop(0);
        }
    }
});

是说你这样做是可以的,只是在某些手机又兼容性问题,你这需求太复杂了,一会上下一会左右,左右中还有上下。。。,你考虑过横屏的。。。或者状态栏收起,导致高度变了

我也不想的。。产品那边要左右滑动的同时上下还要滑动。。横屏不考虑,至于高度直接用JS控制。。