CODEWITHSUNDEEP
javascriptjqueryslider
Xeen
Xeen

Reputation: 7003

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

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.

Upvotes: 7

Views: 18418

Answers (3)

DEZHURIK
DEZHURIK

Reputation: 1

touchMove: false

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

Upvotes: 0

DohaHelmy
DohaHelmy

Reputation: 809

set focusOnSelect: false for the nav.

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

Upvotes: 0

shrekuu
shrekuu

Reputation: 2262

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

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

Upvotes: 11

Related Questions