光滑的滑块人工居中

Question

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

我还运行了一个单独的脚本，该脚本检查页面url，并且如果滑动滑块中的链接具有相同的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

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