zepto.fullpage
zepto.fullpage copied to clipboard
麻烦问下,设置水平滑动,里面内容多出隐藏滚动不了,怎么破。。
请提供 简单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控制。。