javascript - 光滑 slider 人为居中

Question

我正在使用 JQuery Slick Slider http://kenwheeler.github.io/slick/效果非常好。

我还运行了一个单独的脚本，用于检查页面 url，如果光滑 slider 中的链接具有相同的 url，则将 current 类添加到该特定链接。

该脚本如下:

jQuery(document).ready(function($) {
    var url = window.location.href;
    $('#slick a').filter(function() {
        return this.href == url;
    }).addClass('current');
});

这又完美地工作了。

我希望扩展它，以便与 current 类的链接位于 Slick Slider 的中心。如果有人知道如何做到这一点，那么如果您能为我指出正确的方向，我将非常感激。

谢谢

Answer 1

您可以使用平滑 slider 的“centerMode”和“slickGoTo”设置。 centerMode 将使您当前的幻灯片保持在中心。根据您的条件获取当前元素的计数，然后使用 slickGoTo(count) 您可以将该元素居中。有关更多详细信息，请参阅设置菜单http://kenwheeler.github.io/slick/ .