光滑的轮播控制内容

Question

我用jQuery slick.js（http://kenwheeler.github.io/slick/）创建了一个全宽度的轮播，我正试图找到一种方法将控件放在内容窗格而不是下面。我知道还有其他旋转木马提供这个（引导程序等），但我们在公司的JS中使用光滑，如果可能的话我想坚持下去。过去有没有人幸运？

Answer 1

我明白了！控件位于轮播<ul>容器下方的光滑点<div>中。 div有一个底边距，ul绝对位于该边距内。通过删除div上的边距并更改点的CSS底部值以将它们放置在轮播中，我能够使用CSS和jQuery解决我的问题。奇迹般有效！这是一个模糊的例子：

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

CSS也可以，但这是JSP模板文件的一部分，我不想影响其他潜在的轮播。