如何将Splide JS自动滚动方向修改为LTR（左到右）？

你当前代码中autoScroll配置里的direction: 'ltr'参数不合法，这是导致设置无效的核心原因。下面给出两种可行的修正方案：

方案1：使用AutoScroll扩展的合法方向参数 #

AutoScroll扩展的direction参数仅接受'forward'（默认，对应左到右滚动）或'reverse'（对应右到左滚动）。如果需要左到右滚动，直接设置direction: 'forward'即可，甚至可以省略该参数（因为默认就是正向）。

修正后的完整代码：

const splide = new Splide( '.splide', {
    type: 'loop',
    drag: false,
    focus: 'center',
    perPage: 5,
    arrows: false,
    pagination: false,
    autoScroll: {
        speed: 3,
        pauseOnHover: false,
        direction: 'forward', // 明确指定左到右的正向滚动
    },
    breakpoints: {
        1200: { perPage: 3 },
        640: { perPage: 2 },
    }
} );

splide.mount(window.splide.Extensions);

方案2：通过速度值控制方向 #

另一种快速切换方向的方式是调整speed参数的正负：

• 正值（如speed:3）对应默认的左到右滚动
• 负值（如speed:-3）对应右到左滚动

如果你需要左到右，保持speed为正值即可。

额外检查项 #

• 确认已正确引入AutoScroll扩展的JS文件，未遗漏依赖；
• 检查滑块全局配置中是否设置了direction: 'rtl'，该全局配置会覆盖AutoScroll的方向设置，若有则需删除或改为direction: 'ltr'。

内容的提问来源于stack exchange，提问作者Tofiq Shamedov