首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >将Splide滑块设置为RTL时,幻灯片闪烁

将Splide滑块设置为RTL时,幻灯片闪烁
EN

Stack Overflow用户
提问于 2022-07-15 00:25:43
回答 1查看 275关注 0票数 0

我真的被困在这件事上了,我找到了另外两篇关于这个的帖子,但都没有用。

基本上,我将我的Splide滑块的方向设置为RTL,每次它都会带来下一组幻灯片,它们在其中来回闪烁。

使用自动播放扩展将滑块设置为自动播放。

这是URL https://prismfly.webflow.io/

下面是代码:

代码语言:javascript
运行
复制
const one = new Splide( '.splide', {
  type   : 'loop',
  drag   : false,
  autoWidth: true,
  pauseOnHover: false,
  pagination: false,
  arrows: false,
  pauseOnFocus: false,
  direction:"rtl",
  autoScroll: {
    pauseOnHover: false,
    pauseOnFocus: false,
    speed: 1.3,
  },
} );

希望别人以前也经历过这种事。如有任何帮助或建议,谢谢

EN

回答 1

Stack Overflow用户

发布于 2022-08-16 13:04:35

因此,要解决splide中的闪烁问题,您必须添加一些自定义css:

代码语言:javascript
运行
复制
.splide--track {
  Direction:rtl;
}

如果这不起作用,那么找出样条轨迹的类,并将方向设置为rtl

还将夹板容器的宽度设置为100%。

希望这能解决你的问题。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/72987891

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档