Idangerous Swiper JS - прогресс Swiper не обновляется постоянно - PullRequest
Новая
       8

Idangerous Swiper JS - прогресс Swiper не обновляется постоянно

0 голосов
/ 26 января 2020

Когда я отслеживаю переменную прогресса, кажется, что она не будет обновляться непрерывно, но rader делает большой скачок и ждет в swiper, чтобы скользить к этой позиции. Если вы используете scrollmagi c и сравниваете прогресс swipers с scrollmagics, вы легко видите разницу.

Есть ли способ получить непрерывный прогресс в Swiper, не используя магию прокрутки c?

Посмотрите на эту ручку, и вы увидите разницу / проблему

https://codepen.io/lucky111/full/QWwoYZo

$ (документ) .ready (function () {

  var w = $('.swiper-container').width();
  var bigw = (w *9); 


  var swiper = new Swiper('.swiper-container', {

    freeMode: true,
    watchSlidesProgress:true,
    scrollbar: {
      el: '.swiper-scrollbar',
      hide: false,
      draggable:true
    },
    on: {
          init: function () {
         /* do something */
         console.log('init');
        },
    },
     on: {
          progress: function (p) {
         /* do something */
         //console.log('p ' +p);

         $("#progress1 span").text(p);

        },
    },     
  });

  var controller = new ScrollMagic.Controller({container: "#container", vertical: false});

  var scene = new ScrollMagic.Scene({triggerElement: "#trigger", duration: bigw ,triggerHook:0})
      .addTo(controller)
      .addIndicators() // add indicators (requires plugin)
      .on("progress", function (e) {
        $("#progress2 span").text(e.progress);
      });

});

...