Javascript 旋转木马-祖鲁基础轨道外的导航控制

Javascript 旋转木马-祖鲁基础轨道外的导航控制,javascript,html,css,zurb-foundation,orbit,Javascript,Html,Css,Zurb Foundation,Orbit,我正在尝试将导航控件放在旋转木马的外部,而不是默认的内部 没有可用于此的数据选项。所以我尝试破解导航箭头的CSS,使其处于负绝对位置 但是,父容器设置为溢出:隐藏并隐藏箭头。 默认情况下这可能吗?根据您的示例,我能够将以下CSS应用于id为#feature1的ul: #featured1 { width: 90%; overflow: hidden; padding-left: 10%; } 为此,您需要将右上角的计时器移动一点,并去掉标题宽度。使用此css很容易做到这

我正在尝试将导航控件放在旋转木马的外部,而不是默认的内部

没有可用于此的数据选项。所以我尝试破解导航箭头的CSS,使其处于负绝对位置

但是,父容器设置为溢出:隐藏并隐藏箭头。
默认情况下这可能吗?

根据您的示例,我能够将以下CSS应用于id为#feature1的ul:

#featured1 {
    width: 90%;
    overflow: hidden;
    padding-left: 10%;
}
为此,您需要将右上角的计时器移动一点,并去掉标题宽度。使用此css很容易做到这一点:

.orbit-container .orbit-timer {
    right:70px;
}

.orbit-container .orbit-slides-container > * .orbit-caption {
     width:90%;
}

这个解决方案会使你的滑块图像变小,因此你可能想要增加这个例子的大.10的宽度。

发布你的站点示例或代码示例:它是默认的基础轨道旋转木马。箭头在里面,你现在可以在这里看到,它位于容器里面。我想把它放在外面。所以它应该是左箭头——带旋转木马的容器——右箭头