2016-11-02 4 views
2

Я использую 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> 

ответ

0

Если вы просто хотите, чтобы скрыть скроллбары затем добавить

overflow: hidden; 

контейнеру, который, имеющий свиток

+0

да я попытался это, но никакой разницы – greedsin

+0

не могли бы вы создать JsFiddle для него – Badr

+0

да, я буду стараться – greedsin

0

Вы используете правильный JavaScript?

На сайте материализовать в (я использовал материализоваться раньше, и думал, что что-то смотрел с о вашем коде), то есть это как способ инициализации ползунок, как «full_width:»

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

На самом деле, ваш слайдер даже не имеет класса .slider; он имеет только. carousel-слайдер и. карусель.

Я думаю, что если вы используете приведенный выше JavaScript, вы должны быть в порядке.

+0

ups my bad, thats просто опечатка :( – greedsin

Смежные вопросы