光滑的轮播宽度问题

Posted

技术标签:

【中文标题】光滑的轮播宽度问题【英文标题】:Slick carousel width issue 【发布时间】:2018-04-14 11:17:59 【问题描述】:

在桌面上,我似乎无法获得在我的轮播上工作的宽度,它显示了下一个的一点点。

我尝试使用 javascript 来获取列表的宽度,但这会破坏浮动。即使我在里面放了一个简单的图像,我也有同样的问题..

我正在使用 react-slick 模块...不知道这是否有帮助...

http://34.205.143.7/community/

以下是设置:

  const settings = 
      dots: true,
      lazyLoad: false,
      infinite: false,
      speed: 750,
      slidesToShow: 1,
      slidesToScroll: 1,
      initialSlide: 0,
      focusOnSelect: true,
      centerMode: true,
      responsive: '',
      arrows: false,
      accessibility: true,
      onInit : () => 
        setTimeout(function()
        $('.sliderContainer').width($('.slick-list').width() -103);
      ,0)
      
    ;

谢谢

【问题讨论】:

【参考方案1】:

我找到了答案:

我删除了

centerMode: 真

你不喜欢继承别人的代码吗

【讨论】:

以上是关于光滑的轮播宽度问题的主要内容,如果未能解决你的问题,请参考以下文章

光滑的轮播响应断点

React 光滑的轮播项目变得模糊

自己写的轮播图代码,如有疑问请留言,图片宽度为1024乘600

javascript 光滑的轮播方法

php 光滑的轮播短代码

光滑的轮播“初始化”功能不起作用