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

时间:2016-10-18 06:26:51

标签: swiper html-framework-7 phonegap-desktop-app

我有swiper这个功能。我想知道如何使用此功能滚动回到下一张幻灯片的页面顶部。到目前为止,当我使用onAutoplay回调时,它只滚动到下一张幻灯片的顶部,这是我不想要的。我的幻灯片有不同的文字和图像滚动,这就是为什么我要向左或向右滑动时返回下一张或上一张幻灯片的顶部。如果可能的话,请提供一个示例如何改进我的代码段。谢谢。

$$(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');
      }
    });                

  })

1 个答案:

答案 0 :(得分:0)

将您的代码更改为:

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

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