項目カルーセル内で使用すると位置が変更されます

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