jquery – 光滑的滑块点重新定位

在我的项目中,我正在使用光滑的滑块插件(http://kenwheeler.github.io/slick/).我想知道是否有可能重新定位光滑的点.默认情况下,它们显示在应用了光滑滑块的div容器下方.我想在这里实现的是在滑动div块中放置光滑的点.我用箭头实现这一点没有问题,因为我可以用自定义类名称来引用它们.
我的HTML看起来像这样：

Box">
   Box">
   Box">
   

我的JS设置如下所示：

$('.slider-fade').slick({
 autoplay: true,autoplaySpeed: 3000,infinite: true,speed: 500,fade: true,cssEase: 'linear',prevArrow: $('.prev'),nextArrow: $('.next'),dots: true
});

所以正如我现在提到的那样,点会显示在整个slider-fade类的下方,但我想得到它,例如,在text-Box类下面.这可以实现吗？

视觉表示：http://i.stack.imgur.com/jmocB.png

目标是在块内的箭头下方获得点.

最佳答案

Slick使用类.slick-dots在div内生成光滑的点.那个班级有绝对的地位.因此,实现您想要的最简单方法是为该div添加样式：

.slick-dots {
  top: 100px;  // play with the number of pixels to position it as you want
  left: 100px; // play with the number of pixels to position it as you want
}

原文地址：https://www.jb51.cc/html/426897.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。