始終將swiper滑條滾動到頂部

Question

我正在使用swiper.js。 我希望始終將新/活動幻燈片滾動到頂部，因此當新幻燈片進入視口時，內容必須滾動到頂部。

我這裏有一個小提琴：https://jsfiddle.net/p406sfe4/8/

不過，我覺得，這個腳本可以完成我所需要的，但它似乎並沒有工作：

swiper.on('slideChangeEnd', function(s) { 
    s.slides.each(function() { 
    if ($(this).index() !== s.activeIndex) $(this)[0].scrollTop = 0 
    }); 
}); 

謝謝！

Answer 1

除非您限制容器/幻燈片的高度 - 導致溢出 - 滾動內容實際上並不在每張幻燈片中。 在這種情況下，您應該重點關注swiper容器或其他父元素的scrollTop屬性。

無論你滾動到什麼地方，如果添加到初始化配置中，事件將會更好地工作。要使用您的jsfiddle中的代碼：

var swiper = new Swiper('.swiper-container', { 
    pagination: '.swiper-pagination', 
    paginationClickable: true, 
    nextButton: '.swiper-button-next', 
    prevButton: '.swiper-button-prev', 
    spaceBetween: 30, 
    hashnav: true, 
    autoHeight: true, 

    // attach callback here 
    onSlideChangeEnd: function (swiperObj) { 
    $('.swiper-container').css('scrollTop', '0'); 
    } 
});