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

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

Open 273000727 opened this issue 8 years ago • 13 comments

273000727 avatar Apr 14 '16 05:04 273000727

请提供 简单demo

githubchina avatar Apr 14 '16 06:04 githubchina

已经解决了,谢啦

273000727 avatar Apr 14 '16 06:04 273000727

可以提供下解决办法吗

yanhaijing avatar Apr 14 '16 07:04 yanhaijing

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

273000727 avatar Apr 14 '16 07:04 273000727

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

yanhaijing avatar Apr 14 '16 07:04 yanhaijing

贴码?

273000727 avatar Apr 14 '16 07:04 273000727

yanhaijing avatar Apr 14 '16 07:04 yanhaijing

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

273000727 avatar Apr 20 '16 02:04 273000727

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

yanhaijing avatar Apr 20 '16 05:04 yanhaijing

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

273000727 avatar Apr 20 '16 05:04 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);
        }
    }
});

273000727 avatar Apr 20 '16 05:04 273000727

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

yanhaijing avatar Apr 20 '16 07:04 yanhaijing

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

273000727 avatar Apr 20 '16 07:04 273000727