(HTML / CSS / jQuery) slick 슬라이더 안에 slick 슬라이더 (마우스 휠 스크롤 기능 적용)

slick.js

See the Pen slick 슬라이더 안에 slick 슬라이더 (마우스 휠 스크롤 추가) by kimyangsun (@kimyangsun) on CodePen.

 

slick 슬라이더 내부의 slick 슬라이더를 적용한 예제에

마우스 휠 스크롤 기능을 추가한 예제입니다.

슬라이더 내부에 있는 슬라이더에서는 마우스 휠 스크롤을 하게되면

내부의 슬라이드만 작동합니다.

stopPrapagation()을 이용했습니다.

내부의 슬라이더 밖 그리고 외부 슬라이더의 안에서 마우스 휠을 돌리면

외부의 슬라이더가 이동합니다.

자세한 코드는 상단 codepen을 눌러서 들어가면 확인하실 수 있습니다.