React-slick 修改
Posted
技术标签:
【中文标题】React-slick 修改【英文标题】:React-slick modifications 【发布时间】:2018-07-08 08:15:29 【问题描述】:我正在使用 react-slick,我想为我的滑块添加一些功能。 我需要一些帮助来禁用滑块初始状态的左箭头,因为滑块是无限的。另外,我正在显示 3 个元素,并且我想在第 3 个元素上添加一个渐变蒙版(当前幻灯片之后的那个 - 当前滑块具有类 slick-active)。
我正在考虑使用jQuery
,但由于这不是一个好的做法,因此我们将不胜感激。
React-slick: https://react-slick.neostack.com
【问题讨论】:
【参考方案1】:如果您选择使用非无限的滑块,则在初始状态左箭头被禁用(类“slick-disabled”)。要隐藏它,您可以使用 CSS。 对于第二个,您可以使用“afterChange”道具(This is an example)。
【讨论】:
以上是关于React-slick 修改的主要内容,如果未能解决你的问题,请参考以下文章
无法从“react-slick”解析“SimpleSlider.js”
React-slick 与 gatsby-plugin-image