Question

我使用materializecss创建一个滑块。然而，图像是全宽，但不是全高（它超过全高，所以我得到滚动条）。我需要更改什么才能使滑块在没有滚动条的情况下填满我的屏幕？我也使用$('.slider').slider({full_width: true});

<div class="navbar-fixed">
    <!-- some stuff-->
</div>
<div class="container-fluid">
    <div class="carousel carousel-slider center">
        <a class="carousel-item"><img class="responsive-img" src="http://lorempixel.com/800/400/food/1"></a>
    </div>
</div>

Answer 1

如果您只想隐藏滚动条，请添加

overflow: hidden;

到具有滚动的容器

Answer 2

您使用的是正确的JavaScript吗？

在Materialize的网站上（我之前使用过Materialise，并且认为有些东西看不起你的代码）它将滑块初始化为“full_width：”

$('.carousel.carousel-slider').carousel({full_width: true});

实际上，你的滑块甚至没有.slider类;它只有.carousel-slider和.carousel。

我在想如果你使用上面的JavaScript，你应该没问题。

实现全宽滑块

2 个答案: