Slick Slider js는 scrollSpy를 사용하여 다시 검색하지 않습니다.

Question

Slick Slider가 포함 된 수평 이동식 메뉴 탐색을 만들었으며 항목을 스크롤 할 때 스크롤 막대 Spy를 추가하여 li에 활성 클래스를 추가했습니다. 지금까지 멋지게 보입니다. 링크는 다음과 같습니다. 브라우저가 모바일 크기가되도록하십시오 (작은 화면에서만 볼 수 있기 때문에) http://www.2017.jukeboxburgers.com/menu을 방문하여 "Explore the Food ..."버튼을 클릭 한 다음 스 와이프합니다.

네비게이션을 클릭하면 리가 가운데에 배치되지만 몇 가지 카테고리를 통과 할 때까지 아래로 스크롤 한 다음 '음식 탐색'버튼을 다시 클릭하면 현재 카테고리 스크롤해도 중심에 있지 않습니다.

이와 비슷한 이벤트 리스너가 있습니까? 또는 li.active를 다시 계산하고 가운데에 맞 춥니 다.

Answer 1

그래서 작동하게 만들었습니다!

그래서 내 scrollSpy는 내가 통과 한 li에 .active 클래스를 적용합니다. Slick Slider는 그들에게 가지 않았지만 지금은 작동 중입니다. 방법은 다음과 같습니다.

var current_index = $ (". mobile_food_slider .active"). attr ("data-slick-index"); $ (". mobile_food_slider"). slick ("slickGoTo", current_index);