javascript - 轮播图无缝切换时,补在后面的图片会有短暂的空白。。
伊谢尔伦
伊谢尔伦 2017-04-10 16:02:07
[JavaScript讨论组]



    
    
    Demo
    


    

  • 1
  • 2
  • 3

往下翻时第一张会出现短暂的空白再补到后面去. 我知道问题是哪,但不知道怎么解决??

曾试过animate移动600,再把node插入到后面去和再直接写css('margin-left')用transition来实现动画。 结果也不行....

var node = $('.current').prev('li');
$('ul').animate({
    'margin-left': '+=' + -600
},1000,function(){
    $('ul').css('margin-left': '+=' + -600);
    $('ul').append(node).css('margin-left', '+=' + 1200);
});

//css
ul{transition:-margin-left 1s linear 1s;}

还想请问下,这当中触发了多少次重绘? 为什么执行这句(css('margin-left', '+=' + 1200);)没有感到闪动的情况发生???

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(1)
PHP中文网

这个空白是加载延迟导致的吧

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号