Javascript 第一件物品上的转盘衬垫

我和你一起工作

我正在使用带

循环的转盘：false

。我试着让第一个项目在左边没有填充物，并且在滑动之后，它在左边和右边保持相同的填充物

因此，在页面加载时，应如下所示：

幻灯片上：

使用阶段填充可以提供左右填充。在第一项上留出空间，如my中所示

问题是，如果我删除了左边的

填充内容

（以便将第一个项目附加到左边而不留边距），我将在幻灯片上得到以下结果：

你知道我该怎么解决这个问题吗

这是我的标记：

<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
})

1.
2.
3.
4.
5.
6.
$（'.owl carousel'）。owl carousel({
分期付款：40，
循环：false，
差额：2，
导航：错，
项目：2
})

从内联样式开始，尝试找到这一行并删除左侧的填充，如下所示：

<div class="owl-stage" style="transform: translate3d(0px, 0px, 0px); 
transition: all 0s ease 0s; width: 11132px; 
padding-left: 0px; padding-right: 40px;">.. </div>

。。

添加此css将很好地工作。

.owl stage{padding left:0px！important；}

u可以像这样添加“left”：

---

$（'.owl carousel'）.owlCarousel（{stagePadding:40，loop:false，margin:2，nav:false，items:2，left:-30}）

您可以在这个简单的开始中正确使用此代码

.owl-stage {
    right: -32px;
 }

或者从左边开始使用这个简单的代码

.owl-stage {
    left: -32px;
 }

---

在CSS中使用标记样式，在代码中使用内联标记样式

是的，我试过了。如果我删除左侧的

填充

，则幻灯片上不会显示左侧的幻灯片。正如问题的最后一个图像。