我试图让一个轮播占据整个屏幕,我正在尝试的似乎没有任何效果……
$('.scroller').slick({
dots: true,
infinite: true,
autoplay: true
})
.scroller {
div {
text-align: center;
font-size: 30px;
max-height: 100%;
}
}
.slick-prev::before, .slick-next::before {
color: #000;
}
.slick-next {
right: -5px;
}
.slick-prev {
left: -5px;
}
<div class="scroller">
<div>1</div>
<div>2</div>
<div>3</div>
</div>
将最大高度设置为 100% 并没有解决它。目前只覆盖页面的三分之一左右
原文由 ncrouch25 发布,翻译遵循 CC BY-SA 4.0 许可协议
您可以使用 JQuery 将滚动条的高度动态设置为屏幕的高度: