jQuery轮播滑块，具有基于动态对齐的自动宽度和方向

Question

我正在寻找一个响应式jQuery轮播内容滑块，其自定义/不同/自动宽度滚动一个项目并根据方向对齐。 例如，如果用户点击右侧导航箭头，它应该滑动一个项目到第一个不完全可见的项目，它应该对齐到视口的右端，如果用户点击左侧导航箭头，滑块应该将一个项目滑动到视口左端的第一个不完全可见的项目，并将其对齐到同一端。

我花了几天时间寻找这样的旋转木马，但到目前为止没有运气。我调查的一些滑块/旋转木马是：LightSlider，光滑，Flickity，Glide，UIkit（getuikit）等等。我甚至为Flickity编写了一个新的导航逻辑，使用它的API几乎可以做到这一点但它有很多错误并且有很多动画问题。

$(document).ready(function() {
    $('#autoWidth').lightSlider({
        autoWidth:true,
        loop:false,
        pager:false,
        prevHtml:'<',
        nextHtml:'>',
        onSliderLoad: function() {
            $('#autoWidth').removeClass('cS-hidden');
        } 
    }).goToSlide(6);
});

作为行为示例，请打开此链接http://codepen.io/matthewd/pen/BKvjWM，点击左侧和右侧箭头。

任何建议都将受到高度赞赏。 谢谢！