bxslider：vert。幻灯片走远然后自我调整

Question

使用 bxslider，内容会向右或向左移动很远，然后快速回到原位。单击 'prev' 按钮时，这种情况发生得更多。

我看过这个 answer，但是 'box-sizing' 没有修复它。

这是一个 fiddle - 我在其中没有使用 bxslider css 文件，我之前已经添加过，但没有任何区别。我已经把它拆得只剩骨头了，它仍然走得很远，然后又弹回原位。

每里有多个div。 CSS 是：

div.swatches {
width: 22px;
height: 30px;
margin: 0px 3px;
border: 1px solid #CCC;
display: inline-block;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
cursor: pointer;
}

Answer 1

bxSlider 使用从父元素获得的最佳尺寸动态计算幻灯片位置。有时你会感到奇怪。尝试指定幻灯片宽度和幻灯片数量，这将使 bxSlider 计算位置更精确。这应该可以解决您的问题：

$('.bxslider').bxSlider({
        pager: false,
        speed:1300,
        maxSlides:2,
        slideWidth:600
 });

您更新后的fiddle：https://jsfiddle.net/8ayxpeL9/3/

bxslider：vert。幻灯片走远然后自我调整

bxslider: vert. slides goes to far and then self-adjusts

javascript

css

jquery

bxslider