zoukankan      html  css  js  c++  java
  • 关于swiper的使用 安卓没有反应

    本次写项目,用到了swiper的插件!

    但是领我万万没想到的是,在ios系统下,走的风生水起!

    一到安卓手机,竟然GG了!

    百思不得其解!怎么都划不动!

    没错!就是来回切换换不动!

    最后,终于找到了解决办法!

    收下要注意版本问题,不容的swiper.min.css和swiper.min,js都是不一样的!小心啊要!

    我这里用的是swiper.animate1.0.3.min.jsswiper-4.3.3.min.js,css的话,用swiper.min.css应该差不多,可以满足需求!

    下面要说的是重点!就是设置问题。我们通常在手机上做的时候,只需要分页就可以了,那就是加上这样的属性:

    var swiper = new Swiper('.swiper-container', {
      //如果需要分页器
      pagination: {
        el: '.swiper-pagination'
      }
    });

    一不小心就是安卓上怎么划拉,都没反应!所以我们要加上这么两句:

    var swiper = new Swiper('.swiper-container', {
      //如果需要分页器
      pagination: {
        el: '.swiper-pagination'
      },
      observer: true,//修改swiper自己或子元素时,自动初始化swiper
      observeParents: true//修改swiper的父元素时,自动初始化swiper
    });

    然后安卓上就可以用啦!

    以上就是今天的写作问题,及解决方案!

  • 相关阅读:
    六大设计原则之依赖倒置原则
    六大设计原则之里氏替换原则
    六大设计原则之单一设计原则
    六、Spring之DI的Bean的作用域
    五、spring之DI循环依赖
    四、spring之DI
    十二 NIO和IO
    十一 Pipe
    十 DatagramChannel
    九 ServerSocketChannel
  • 原文地址:https://www.cnblogs.com/yimei/p/9182711.html
Copyright © 2011-2022 走看看