jquery - 将 Flexslider 导航按钮移到外部

Question

是否有设置将prev和next导航按钮移到 flexslider之外并且始终可见？

那些按钮过去位于外面；不知何故，新版本改变了布局。

我在滑块之外发现了一个老问题flexslider-controling div。我想知道这是我在实施它之前的唯一选择。

谢谢！

Answer 1

这是我找到的解决方案。它适用于 FlexSlider v2.1。

它基本上将导航按钮移到了滑块图像之外。

.flex-direction-nav .flex-next { right: 0 !important; margin-right: -30px; 
   opacity: 1 !important; }

.flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important; 
   margin-left: -30px; }

.flexslider { width: 90%; margin: 0 auto; }

归功于 box86rowh。

Answer 2

为什么不直接使用 css 来定位它们呢？找出他们的班级或id，然后用css设置左右位置，将他们移动到想要的位置。