framework7 avec swiper.js glisser vers le haut de la page ne fonctionne pas

Question

J'ai cette fonction avec swiper. Je voudrais savoir comment utiliser cette fonction pour revenir en haut de la page de la diapositive suivante. jusqu'à présent, il ne fait que défiler vers le haut de la diapositive suivante lorsque j'utilise le rappel OnAutoplay que je ne veux pas. Mes diapositives ont différents textes et images qui défilent c'est pourquoi je veux revenir en haut de la diapositive suivante ou précédente lorsque je balaye vers la gauche ou vers la droite. Merci de me fournir un exemple si possible comment améliorer mon extrait. Je vous remercie.

$$(document).on('pageInit', function (e) { 
    var mySwiper = myApp.swiper('.swiper-container',{ 
     pagination: '.swiper-pagination', 
     paginationHide: false, 
     onSlideChangeEnd: function(swiper) { 
     $(".page-content").animate({ 
      scrollTop: 0 
     }, 'slow'); 
     } 
    });     

    }) 

Answer 1

Changer votre code à ceci:

var mySwiper = new Swiper('.swiper-container'); 
mySwiper.on('slideChangeEnd',function(){ alert('sample alert');}); 

Plus d'informations sur l'API Chipeur: Swiper API documentation