akiran / akiran/react-slick

Slides flick back and forth when width is between 1080-1180px

未關閉
#1,497 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視
主要語言
JavaScript
星號
11.9k
分支
2.1k
PR 合併指標
30 天內沒有已合併 PR

描述

Hello slick team!

I'm experiencing weird behavior with the slider when the site resolution is between 1080 and 1180px. For some reason, the slider doesn't seem to know which width it should set itself, and keeps flickering on screen.

![resolution_flicker_issue](https://user-images.githubusercontent.com/10014020/52485814-d8964800-2ba0-11e9-8879-b3f7cdd8c4c0.gif)

Settings being currently used:
```
settings = {
dots: true,
arrows: true,
infinite: false,
speed: 500,
slidesToShow: 4,
slidesToScroll: 4,
verticalSwiping: false,
touchThreshold: 40,
centerMode: false,
variableWidth: false,
nextArrow: ,
prevArrow: ,
responsive: [{
breakpoint: 992,
settings: {
slidesToShow: 4,
slidesToScroll: 4,
}
},{
breakpoint: 768,
settings: {
slidesToShow: 3,
slidesToScroll: 3,
}
},{
breakpoint: 544,
settings: {
slidesToShow: 2,
slidesToScroll: 2,
}
}],
beforeChange: (current, next) => {
console.log('beforeChange')
},
afterChange: current => {
console.log('afterChange')
}
};
```
Any idea what might be causing this?

貢獻指南

開啟貢獻指南

評估

這個 Issue 還沒有評估資料。

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。