带有swiper.js的framework7滑动滚动到顶部不起作用

Question

我用 swiper 有这个功能。我想知道如何使用此功能滚动回下一张幻灯片的页面顶部。到目前为止，当我使用我不想要的 onAutoplay 回调时，它只会滚动到下一张幻灯片的顶部。我的幻灯片有不同的滚动文本和图像，这就是为什么我想在向左或向右滑动时返回到下一张或上一张幻灯片的顶部。如果可能的话，请给我一个例子如何改进我的 sn-p。谢谢。

$$(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

将您的代码更改为：

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

有关 swiper API 的更多信息： Swiper API documentation