[英]Carousel React Fluent UI does not render properly when have more than 8 thumbnails
This problem is costing my sanity.这个问题让我失去理智。 I want to use the React Fluent UI Carousel component with thumbnails and place it in the middle of my container, everything works fine till I add more than 8 slides.
我想使用带有缩略图的 React Fluent UI Carousel 组件并将其放在我的容器中间,一切正常,直到我添加超过 8 张幻灯片。 The carousel moves to the left side of the screen and eventually disappears from the viewport.
轮播移动到屏幕左侧并最终从视口中消失。
I am using the default code snippet from Fluent UI IS AVAILABLE HERE Fluent ui thumbnail carousel我正在使用 Fluent UI 中的默认代码片段在这里可用Fluent ui 缩略图轮播
just overwrite the following properties:只需覆盖以下属性:
.ln {
width: 600px;
}
.ui-carousel__navigation {
margin-top: -55px !important;
position: absolute;
display: flex;
flex-flow: wrap;
justify-content: space-between;
width: 1000px;
margin-left: -200px;
}
.nb {
transform:none !important;
}
.ol {
transform: none !important;
}
.nc {
transform: none !important;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.