項目在輪播中使用時的位置變化

Question

我有一個固定的button定位到第一頁滑塊的底部，在那裏我使用css Translate3d來改變上下滑動的位置，問題是當我第一次加載頁面時，按鈕出現在錯誤的位置，但是當我開始滑動以更改頁面時，按鈕會改變它的位置，如何解決這個問題？

GIF：

我已經轉載了這個JSBIN問題。

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