刷卡-每张幻灯片后有什么方法可以自动滚动top?

时间:2019-04-08 19:20:28

标签: css html5 swiper

我在某些内容(文本,照片,视频)导航中使用滑动器,每个幻灯片的高度不同,因此我将autoHeight设置为true,

问题是,如果我在一张幻灯片的底部并且滑动到下一张幻灯片,则滚动条将保持在下一张/上一张幻灯片的底部。

因此,我需要的是在每张幻灯片之后,在下一个或上一个方向上自动滚动到顶部

这里有一个live Example

 var swiper = new Swiper('.swiper-container', {
        autoHeight: true, //enable auto height
        pagination: {
            el: '.swiper-pagination',
        },
        keyboard: {
            enabled: true,
        },
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
    });

1 个答案:

答案 0 :(得分:0)

我在文档中没有看到与您要查询的内容匹配的任何内容。如果没有完整的示例,很难提供帮助,但是Swiper确实可以监听许多事件。

您可能想要的是这样的:

U

如果您可以发布实时示例,我将尝试进一步提供帮助。