mobilebone icon indicating copy to clipboard operation
mobilebone copied to clipboard

Safari 侧滑返回过场两次问题

Open jrotty opened this issue 2 years ago • 2 comments

safari侧滑返回上一页面时,除了safari自身的动画外,mobileboneJs的页面返回的过场动画又会在来一遍。这样很有违和感。

期待的是:正常点返回按钮返回上一页面mobileboneJs提供的过场动画正常播放,而侧滑返回的则不进行播放

jrotty avatar Sep 09 '22 09:09 jrotty

以下代码可以判断出safari是否是侧滑返回,只是我不知道该怎么让mobileboneJs的返回动画临时取消掉

let endTime = Date.now();
document.addEventListener('touchend', () => {
  endTime = Date.now();
})
Mobilebone.callback = function(pageinto, pageout, options) {
if(Mobilebone.isBack(pageinto, pageout)){
u = navigator.userAgent;
if (u.indexOf('iPhone') > 0 && (Date.now() - endTime) < 37) {
//猥琐判断苹果滑动返回页面,此时取消动画
console.info("苹果侧滑返回会触发");
    }
}
}

jrotty avatar Sep 19 '22 14:09 jrotty

以下代码可以判断出safari是否是侧滑返回,只是我不知道该怎么让mobileboneJs的返回动画临时取消掉

let endTime = Date.now();
document.addEventListener('touchend', () => {
  endTime = Date.now();
})
Mobilebone.callback = function(pageinto, pageout, options) {
if(Mobilebone.isBack(pageinto, pageout)){
u = navigator.userAgent;
if (u.indexOf('iPhone') > 0 && (Date.now() - endTime) < 37) {
//猥琐判断苹果滑动返回页面,此时取消动画
console.info("苹果侧滑返回会触发");
    }
}
}

jrotty avatar Sep 19 '22 14:09 jrotty