在轮播中使用时项目位置会发生变化

【问题标题】：Item Position changes when used inside carousel在轮播中使用时项目位置会发生变化
【发布时间】：2017-02-16 13:30:09
【问题描述】：

我有一个固定的button 位于第一页滑块的底部，在那里我使用 css Translate3d 来改变上下滑动的位置，当我第一次加载页面时出现固定按钮的问题一个错误的位置，但是当我开始滑动改变页面时，按钮改变了它的位置，如何解决这个问题？

GIF：

我已经在JSBIN 中重现了这个问题。

【问题讨论】：

标签： html angularjs css

【解决方案1】：

将transform: translate3d(0px, 0px, 0px); 添加到您的css 类div.carouselWrap 中，您会没事的。看看这个working JSBIN。

div.carouselWrap {
    width: 1036px;
    background: white;
    height: 100%;
    color: white;
    font-family: "Gill Sans / Gill Sans MT", sans-serif;
    font-size: 3em;
    line-height: 568px;
    text-align: center;
    transform: translate3d(0px, 0px, 0px);
}

【讨论】：