Is there a way to disable slick slider from autoscrolling when clicked on navigation slider?

Question

There's the slider syncing functionality that I need to use (can be seen here http://kenwheeler.github.io/slick/ when you scroll down a bit), but, as we can see, when you click on the navigation slide, the whole navigation autoslides further, I'd like to disable this functionality so that the main slide changes, but the navigation stays at the same level as it is until I click next or previous arrow.

Is there a setting for that or do I have to change the core to achieve this?

jsfiddle http://jsfiddle.net/9kp36e09/ - so now if you click on navigation, it scrolls, I want to disable that scrolling.

Sphagnum

You mean that if I click on slider #4 for example it centers itself automatically? if so look at the variable centerMode: true, – Lectra

@Lectra I've set that to false and it doesn't do what I need :( – Sphagnum

@Lectra added link to jsfiddle in post. – Sphagnum

So basically, you want a static thumbnail bar? – Lectra

@Lectra yes, until a click on the next or previous is clicked. – Sphagnum

Let us continue this discussion in chat. – Lectra

Answer 1

Well, it is not in the documentation, but I fixed it by add the accessibility to false. e.g:

$('#sliders').slick({
    accessibility: false
});

Intraatomic

accessibility: false in options only disables navigation with keyboard. Still the slider scrolls if any item is clicked – Mudstone

Answer 2

set focusOnSelect: false for the nav.

I had the exact same problem and it worked. please refer to this

Mudstone

Answer 3

touchMove: false

u can read in the doc : https://react-slick.neostack.com/docs/api

Teddi