Materializza il cursore a larghezza intera - javascript, jquery, html, css, materialize

Io uso materializecss per creare un cursore. Tuttavia l'immagine è a tutta larghezza, ma non a tutta altezza (è più che a tutta altezza, quindi ottengo le barre di scorrimento). Cosa devo cambiare per far sì che lo slider riempia il mio schermo senza barre di scorrimento? Io uso anche $(".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>

risposte:

Se vuoi solo nascondere le barre di scorrimento, aggiungi

overflow: hidden;

Al contenitore che sta avendo la pergamena

Stai usando il codice JavaScript corretto?

Sul sito di Materialise (ho usato Materialise in precedenza e ho pensato che qualcosa riguardasse il tuo codice) ha questo come modo di inizializzare un cursore come "full_width:"

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

In effetti, il tuo cursore non ha nemmeno la classe .slider, ma ha solo il cursore del carosello e il carosello.

Sto pensando che se usi il JavaScript sopra, dovresti stare bene.