javascript - 是否可以在幻灯片容器内移动 Orbit 子弹？

Question

我正在使用 the Orbit component of Foundation 5并想知道是否有办法将出现在幻灯片下方的元素符号移动到幻灯片本身的内容区域中。基本上，将元素符号放在图片上方。

有很多 configuration variables available ，但似乎都没有解决元素符号定位的问题，而且我还没有找到一种在 CSS 中实现它的方法。

Answer 1

向 orbit-bullets-container 类添加一个负的 margin-top 将实现这个，例如

.orbit-bullets-container
{
    margin-top: -60px;
}

调整该值，使其出现在您想要的位置。您可能想要添加 padding-bottom 或 margin-bottom 以将 slider 下方的内容放回页面下方。