帖子
帖子
用户
博客
课程
显示全部楼层
27
帖子
0
勋章
195
Y币

分享swiper和下拉刷新冲突的解决方案

[复制链接]
发表于 2019-8-16 16:14:37
本帖最后由 郑薏玮 于 2019-8-16 16:19 编辑

就是通过swiper的回调来动态操控apicloud的启用和禁止,该方法在骁龙660这种规格的cpu就没问题了、iphone上没问题,在古董机上可能会有问题,原因是处理js效率较低,在快速操作上会出现问题,

  1. var swiper = new Swiper('.swiper-container', {
  2.       spaceBetween: 0,
  3.       centeredSlides: true,
  4.       reverseDirection: true,
  5.       spaceBetween: 20,
  6.       autoplay: {
  7.      delay: 3000,
  8.      disableOnInteraction: false,
  9.             },
  10.             pagination: {
  11.      el: '.swiper-pagination'
  12.             },
  13.         on: {
  14.                 slideChangeTransitionEnd: function (e) {
  15.       api.setFrameAttr({ bounces: true })
  16.                 },
  17.                 sliderMove: function (event) {
  18.       api.setFrameAttr({ bounces: false })
  19.                 },
  20.                 touchEnd: function (event) {
  21.       api.setFrameAttr({ bounces: true })
  22.                 },
  23.             }
  24.         });
复制代码


12
帖子
0
勋章
91
Y币
但是用swipe类型下拉刷新的没用。。。
您需要登录后才可以回帖 登录

本版积分规则