查看: 3166|回复: 4
打印 上一主题 下一主题

swiper 在ios手机上点击会出现一闪一闪的情况,怎么解决?

[复制链接]

该用户从未签到

3

主题

3

帖子

48

积分

新手上路

Rank: 1

积分
48
跳转到指定楼层
楼主
发表于 2016-8-5 10:51:59 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
swiper 在ios手机上点击会出现一闪一闪的情况,怎么解决?
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

  • TA的每日心情
    慵懒
    2017-4-7 09:15
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    0

    主题

    9

    帖子

    38

    积分

    新手上路

    Rank: 1

    积分
    38
    沙发
    发表于 2017-4-6 14:58:44 | 只看该作者
    请问这个问题解决了吗? 怎么解决的?
    回复 支持 反对

    使用道具 举报

  • TA的每日心情

    2018-1-24 16:10
  • 签到天数: 2 天

    [LV.1]初来乍到

    1

    主题

    8

    帖子

    36

    积分

    新手上路

    Rank: 1

    积分
    36
    板凳
    发表于 2017-4-19 18:49:30 | 只看该作者

    请问这个问题解决了吗? 怎么解决的?
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    难过
    2017-8-26 16:31
  • 签到天数: 1 天

    [LV.1]初来乍到

    2

    主题

    7

    帖子

    43

    积分

    新手上路

    Rank: 1

    积分
    43
    地板
    发表于 2017-8-26 17:02:34 | 只看该作者
    期待大神解决
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    1

    帖子

    4

    积分

    新手上路

    Rank: 1

    积分
    4
    5#
    发表于 2017-9-13 15:37:41 | 只看该作者
    本帖最后由 a287440354 于 2017-9-13 15:43 编辑

    你有可能是图层原因   对应图层加上  z-index: 1;  注意图层分层
    1. <div class="swiper-container">
    2.     <div class="swiper-wrapper">
    3.     <!-------------slide1----------------->
    4.         <section class="swiper-slide">

    5.         <img src="upload/s1-t2.png" class="ani resize" style="width:100px;height:110px;left:70px;top:185px;z-index:3;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.5s"  >
    6.         <img src="upload/s1-t1.png" class="ani resize" style="width:60px;height:110px;left:220px;top:185px;z-index:3;" swiper-animate-effect="bounceIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  >
    7.         <img src="upload/flower.png" class="ani resize" style="width:180px;height:220px;left:0;top:0;z-index:2;" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="0s"   >
    8.         <img src="upload/s1.png"  class="ani resize" style="width:320px;height:200px;left:0px;top:140px;z-index:1;" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.5s"  >
    9.         
    10.         </section>
    11.      <!---------------slide2-------------->   
    12.         <section class="swiper-slide">
    13.         <img src="upload/s2-i5.png" class="ani resize" style="width:263px;height:177px;left:31px;top:262px;z-index:5; border-radius:20px;" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="2s"  >
    14.       <img src="upload/s2-i4.png" class="ani resize" style="width:195px;height:163px;left:31px;top:48px;z-index:4;" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.5s" swiper-animate-delay="1.3s"  >
    15.         <img src="upload/s2-i3.png" class="ani resize" style="width:212px;height:186px;left:24px;top:36px;z-index:3;" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1s"  >
    16.         <img src="upload/s2-i2.png" class="ani resize" style="width:64px;height:221px;left:237px;top:20px;z-index:2;" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="0.3s"   >
    17.         <img src="upload/s2-i1.png"  class="ani resize" style="width:42px;height:192px;left:248px;top:27px;z-index:1;" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.5s" swiper-animate-delay="0s"  >
    18.         
    19.         </section>
    20. </div>
    21. </div>
    复制代码

    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-23 21:38 , Processed in 0.109394 second(s), 27 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表