光滑的滑块人工居中

Question

我使用的是JQuery Slick Slider http://kenwheeler.github.io/slick/，效果很好。

我还运行了一个单独的脚本来检查页面网址，如果光滑滑块中的链接具有相同的网址，则会向该特定链接添加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

您可以使用＆＃39; centerMode＆＃39;和＆＃39; slickGoTo＆＃39;光滑滑块的设置。 centerMode将使您当前的幻灯片保持在中心位置。根据您的条件获取当前元素的计数，然后使用slickGoTo（计数），您可以将该元素居中。 有关详细信息，请参阅设置菜单http://kenwheeler.github.io/slick/。