Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

cordova打包app后,在ios中,swiper组件切换图片白屏问题 #2292

Closed
cinos1 opened this issue Dec 13, 2017 · 4 comments
Closed

cordova打包app后,在ios中,swiper组件切换图片白屏问题 #2292

cinos1 opened this issue Dec 13, 2017 · 4 comments

Comments

@cinos1
Copy link

cinos1 commented Dec 13, 2017

�swiper在纵向页面的顶端部分,当页面向下拖动,swiper超出显示区域,再反向拖回后,swiper图片显示区域会白屏,大约隔0.5秒左后再显示图片。
swiper设置为自动播放时,在播放时也会中间闪一个白屏。
手动拖拽切换图片时,也会有一个短暂的闪白屏。

@tempscript
Copy link

不用vux里面的swiper轮播,用better-scroll 封装轮播组件,就不会出现这个问题

@cinos1
Copy link
Author

cinos1 commented Dec 13, 2017

恩,我刚才试了用vue-awesome-swipe组件,也不会出现这个问题,只是目前项目中用的都是vux的轮播,如果要换都得换

@airyland
Copy link
Owner

没有什么思路,在网页中重现不了。感觉是 webview 的问题?

@chengchengsun
Copy link

针对使用vux的swiper实现无缝滚动时,ios自动轮播在图片切换时,第一张图片划过,其尾部没有连接第二张图片,而是漏出父元素背景色,当第一张图划出屏幕视野后,第二张图突然闪现。安卓没有问题。
自用解决办法:swiper.js里面的_setTransform方法,将其中的transform变换,替换为定位的变换
let offsetDistance = ${distance}px
if(me._option.direction ==='vertical'){
$item.style.top = offsetDistance
}else{
$item.style.left= offsetDistance
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants