Question

使用bxslider，内容向右或向左移动，然后快速回到原位。点击＆＃39; prev＆＃39;按钮。

我已经看过这个answer，但是＆＃39;框大小＆＃39;没有解决它。

这是一个fiddle - 其中我没有使用bxslider css文件，我之前添加过它并没有什么区别。我把它剥成了裸露的骨头，然后它仍然远远地移回原位。

每个li都有多个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
 });

您的更新小提琴：https://jsfiddle.net/8ayxpeL9/3/

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

1 个答案: