swiper有时候不能自动滚动的有关问题

最新推荐文章于 2025-11-08 00:09:11 发布

原创最新推荐文章于 2025-11-08 00:09:11 发布 · 6.6k 阅读

0 ·

CC 4.0 BY-SA版权

从入门到放弃专栏收录该内容

86 篇文章

订阅专栏

本文分享了一段解决Swiper无法自动滚动问题的有效代码。通过设置observer和observeParents为true，并确保autoplay相关配置正确，实现了组件的自动滚动功能。

swiper有时候不能自动滚动的问题
<script type="text/javascript">
    $(function(){
        var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            speed: 500,
            loop: true,
            observer:true,
            observeParents:true,
            autoplayDisableOnInteraction : false,
            autoplay:500
        });
    })
</script>
 最近遇到了这个问题，然后写了如上代码，就可以自动滚动了，记录一下以免忘记~
1)  $(function(){ .... })
2)  observer:true
3) observeParents:true
这代码都加上~