There's the slider syncing functionality that I need to use (can be seen here / 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 / - so now if you click on navigation, it scrolls, I want to disable that scrolling.

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/9kp36e09/ - so now if you click on navigation, it scrolls, I want to disable that scrolling.

• javascript
• jquery
• slider

• You mean that if I click on slider #4 for example it centers itself automatically? if so look at the variable centerMode: true, – odedta Commented May 3, 2015 at 11:11
• @odedta I've set that to false and it doesn't do what I need :( – Xeen Commented May 3, 2015 at 11:12
• @odedta added link to jsfiddle in post. – Xeen Commented May 3, 2015 at 11:18
• So basically, you want a static thumbnail bar? – odedta Commented May 3, 2015 at 11:19
• @odedta yes, until a click on the next or previous is clicked. – Xeen Commented May 3, 2015 at 11:19

3 Answers 3

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

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

set focusOnSelect: false for the nav.

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

touchMove: false

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