kenwheeler / slick

the last carousel you'll ever need
kenwheeler.github.io/slick
MIT License
28.54k stars 5.89k forks source link

Slider syncing issue (nav slider out of view area) #3920

Open FredUA opened 4 years ago

FredUA commented 4 years ago

Hello. I have noticed issue with nav slider, when I have next settings of my slider syncing:

`$('.slider-for').slick({ slidesToShow: 1, fade: true, dots: false, asNavFor: '.slider-nav', arrows: true });

$('.slider-nav').slick({ focusOnSelect: true, dots: false, slidesToShow: 5, asNavFor: '.slider-for' });`

It happens when I use slick version >=1.7.1 On version 1.6.0 all looks fine.

v1.7.1 - https://codepen.io/Fred_UA/pen/wvagWMg v1.6.0 - https://codepen.io/Fred_UA/pen/eYNggxX

Could you advise some solution to fix my problem?

paddyhamburg commented 4 years ago

Have you found a solution? Unfortunately, I have the same problem.

FredUA commented 4 years ago

Have you found a solution? Unfortunately, I have the same problem.

Unfortunately, nope (((

paddyhamburg commented 4 years ago

I found the solution. As soon as I use version 1.8.1, but not the minified version, it works. The minified version still has the error.

Working version 1.8.1 (not minified): https://codepen.io/paddyhamburg/pen/OJVmRvO

FredUA commented 4 years ago

I found the solution. As soon as I use version 1.8.1, but not the minified version, it works. The minified version still has the error.

Working version 1.8.1 (not minified): https://codepen.io/paddyhamburg/pen/OJVmRvO

Oh, great, I'll try your solution. Hope it will help me!!!

MarcGuay commented 3 years ago

Confirming that my similar issue is resolved by using the non-minified version of 1.8.1 (which is actually just 1.8.0?).

The only difference between 2 files (minified and non) seems to be this https://github.com/kenwheeler/slick/issues/3560.