콘텐츠 위의 매끄러운 캐 러셀 컨트롤

Question

jQuery slick.js (http://kenwheeler.github.io/slick/)로 전체 너비 컨베이어를 만들었으므로 아래가 아닌 콘텐츠 창 위에 컨트롤을 배치하는 방법을 찾으려고합니다. 나는이 (부트 스트랩 등)을 제공하는 다른 회전식 컨베이어가 있다는 것을 알고 있지만 우리 회사 JS에서는 매끄럽게 사용하고 가능하다면 그걸 사용하고 싶습니다. 과거에는 누구도 이걸 가지고 행운이 있었나요?

Answer 1

나는 그것을 알아 냈다! 컨트롤은 회전 목마 <div> 컨테이너 아래의 매끄러운 점 <ul>에 있습니다. div는 아래 여백을 가지고 ul은 절대적으로 여백 안에 위치합니다. CSS와 jQuery를 사용하여 div의 여백을 제거하고 CSS 하단 값을 변경하여 회전 목마 내에 배치 할 수있었습니다. 매력처럼 작동합니다!

$(document).ready(function() { 
    $("#my-carousel > .slick-dots").css("bottom","0px"); 
    $("#my-carousel").css("margin","0px"); 
}); 

CSS도 작동합니다, 그러나 이것은 JSP 템플릿 파일의 일부이며 내가 다른 잠재적 회전 목마에 영향을 미치지 싶지 않았다 : 여기 막연한 예입니다.