急求大神帮忙 iphone8和X系列兼容性问题
zepto.min.js,touch.js 这两个插件移动端的 iphone8和X有没有不兼容的 做的手机版H5效果的页面 在这两个型号的手机上显示不出滑屏 除了这个就是自些的js --以下(感觉没啥问题,如果遇到不兼容的这个情况应该怎么办呢)
<script>
// JavaScript Document
(function(){
var now = { row:1, col:1 }, last = { row:0, col:0};
const towards = { up:1, right:2, down:3, left:4};
var isAnimating = false;
s=window.innerHeight/500;
ss=250*(1-s);
$('.wrap').css('-webkit-transform','scale('+s+','+s+') translate(0px,-'+ss+'px)');
document.addEventListener('touchmove',function(event){
event.preventDefault(); },false);
$(document).swipeUp(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row != 7) { now.row = last.row+1; now.col = 1; pageMove(towards.up);}
})
$(document).swipeDown(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row!=1) { now.row = last.row-1; now.col = 1; pageMove(towards.down);}
})
$(document).swipeLeft(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row>3 && last.row<5 && last.col==1) { now.row = last.row; now.col = 2; pageMove
(towards.left);}
})
$(document).swipeLeft(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row>3 && last.row<5 && last.col==2) { now.row = last.row; now.col = 3; pageMove
(towards.left);}
})
$(document).swipeLeft(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row>3 && last.row<5 && last.col==3) { now.row = last.row; now.col = 4; pageMove
(towards.left);}
})
$(document).swipeLeft(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row>3 && last.row<5 && last.col==4) { now.row = last.row; now.col = 5; pageMove
(towards.left);}
})
$(document).swipeLeft(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row>3 && last.row<5 && last.col==5) { now.row = last.row; now.col = 1; pageMove
(towards.left);}
})
$(document).swipeRight(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row>3 && last.row<5 && last.col==2) { now.row = last.row; now.col = 1; pageMove
(towards.right);}
})
$(document).swipeRight(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row>3 && last.row<5 && last.col==3) { now.row = last.row; now.col = 2; pageMove
(towards.right);}
})
$(document).swipeRight(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row>3 && last.row<5 && last.col==4) { now.row = last.row; now.col = 3; pageMove
(towards.right);}
})
$(document).swipeRight(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row>3 && last.row<5 && last.col==5) { now.row = last.row; now.col = 4; pageMove
(towards.right);}
})
$(document).swipeRight(function(){
if (isAnimating) return;
last.row = now.row;
last.col = now.col;
if (last.row>3 && last.row<5 && last.col==1) { now.row = last.row; now.col = 5; pageMove
(towards.right);}
})
function pageMove(tw){
var lastPage = ".page-"+last.row+"-"+last.col,
nowPage = ".page-"+now.row+"-"+now.col;
switch(tw) {
case towards.up:
outClass = 'pt-page-moveToTop';
inClass = 'pt-page-moveFromBottom';
break;
case towards.right:
outClass = 'pt-page-moveToRight';
inClass = 'pt-page-moveFromLeft';
break;
case towards.down:
outClass = 'pt-page-moveToBottom';
inClass = 'pt-page-moveFromTop';
break;
case towards.left:
outClass = 'pt-page-moveToLeft';
inClass = 'pt-page-moveFromRight';
break;
}
isAnimating = true;
$(nowPage).removeClass("hide");
$(lastPage).addClass(outClass);
$(nowPage).addClass(inClass);
setTimeout(function(){
$(lastPage).removeClass('page-current');
$(lastPage).removeClass(outClass);
$(lastPage).addClass("hide");
$(lastPage).find("img").addClass("hide");
$(nowPage).addClass('page-current');
$(nowPage).removeClass(inClass);
$(nowPage).find("img").removeClass("hide");
isAnimating = false;
},600);
}
})();
</script>