javascript - 第一项的旋转木马填充

Question

我正在使用 owl carousel using stage padding .

我正在使用带 loop:false 的轮播。我试图让第一个元素在左侧没有填充，并且在滑动后它对左右两个元素保持相同的填充。

所以在页面加载时它应该是这样的:

在幻灯片上:

使用 stage-padding 可以在左侧和右侧进行填充。如我的 test 所示，在第一项上留出空间.

问题是，如果我删除 padding-left(让第一个元素没有边距附加在左边)，我会在幻灯片上得到这个结果:

知道如何解决这个问题吗？

这是我的标记:

<div class="owl-carousel">
    <div class="item"><h4>1</h4></div>
    <div class="item"><h4>2</h4></div>
    <div class="item"><h4>3</h4></div>
    <div class="item"><h4>4</h4></div>
    <div class="item"><h4>5</h4></div>
    <div class="item"><h4>6</h4></div>
</div>

$('.owl-carousel').owlCarousel({
    stagePadding: 40,
    loop:false,
    margin:2,
    nav:false,
    items:2
})

Answer 1

添加此 css 它将正常工作..

.owl-stage{padding-left:0px !important;}