光滑的轮播控制内容

【问题标题】：Slick carousel controls over content光滑的轮播控制内容
【发布时间】：2017-05-03 18:29:13
【问题描述】：

我已经使用 jQuery slick.js (http://kenwheeler.github.io/slick/) 创建了一个全角轮播，我正在尝试找到一种将控件放置在内容窗格而不是下方的方法。我知道还有其他提供此功能的轮播（引导程序等），但我们在公司 JS 中使用 slick，如果可能的话，我想坚持使用它。过去有没有人遇到过这种情况？

【问题讨论】：

欢迎您！请与我们分享您的代码，以帮助您！
请提供minimal reproducible example
当然，抱歉。让我写一个总结。

标签： javascript jquery carousel slick.js

【解决方案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 模板文件的一部分，我不想影响其他潜在的轮播。

【讨论】：