始终将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'); 
    } 
});