react-slick 没有滑动效果

Posted 2023-02-25

【中文标题】react-slick 没有滑动效果

【英文标题】：react-slick without sliding effect

【发布时间】：2017-12-06 18:50:21

【问题描述】：

我正在使用这个 npm 组件来创建一个轮播。 https://github.com/akiran/react-slick

这很好用，但我需要找到一种方法来消除滑动效果。 通过 repo 的文档有一个 slide 属性，但它似乎不起作用。有人遇到过这个案例吗？任何帮助将不胜感激！

【参考方案1】：

如果您想禁用滑动效果并让幻灯片在过渡时保持原位，您可以使用 fade 属性来完成此操作。它在这个链接https://react-slick.neostack.com/docs/example/fade 上显示得很好，但下面显示了一个简化的示例：

import React,  Component  from "react";
import Slider from "react-slick";

class Carousel extends Component 
  render() 
   const settings =    
     slidesToShow: 1,
     fade: true
   ;

  return (
    <div>
      <Slider ...settings>
        // Carousel data here                
      </Slider>
    </div>
  );