Materialize slider largura total - javascript, jquery, html, css, materializar

Eu uso materializecss para criar um controle deslizante. No entanto, a imagem é de largura total, mas não de altura total (é mais do que a altura total, então recebo barras de rolagem). O que preciso alterar para que o controle deslizante preencha minha tela sem barras de rolagem? Eu também uso $(".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="/images/http://lorempixel.com/800/400/food/1"></a>
</div>
</div>

Respostas:

Se você quiser apenas ocultar barras de rolagem, adicione

overflow: hidden;

Para o container que está tendo o scroll

Você está usando o JavaScript correto?

No site do Materialize (eu já usei o Materialize antes e pensei que algo parecesse desprezível no seu código), ele tem essa forma de inicializar um controle deslizante como "full_width:"

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

De fato, seu controle deslizante nem tem a classe .slider; ele possui apenas .carousel-slider e .carousel.

Eu estou pensando que se você usar o JavaScript acima, você deve ficar bem.