2012-09-14 18 views
7

Mam jquery pełny kalendarz w użyciu, ale próbuję pozbyć się paska przewijania. Próbowałem ustawić wysokość, nie działa.Jquery Pełny kalendarz Usuń pasek przewijania

Ktoś ma poprawkę (której użyli !, brak linków - większość z nich próbowałem)?

Używam:

$('#calendar').fullCalendar({ 
     firstDay: 1, 
     minTime:@Model.MinHour, 
     maxTime:@Model.MaxHour}) 

Screen Shot

strony jest na tyle duży, po prostu nie mogę się rzeczą cerować, aby przejść!

Odpowiedz

1

Kreta div zawierający kalendarz, a następnie umieścić w css overflow-y:hidden;overflow-y:hidden;

div class="container-calendar" 

.container-calendar { 

overflow-x:hidden; 
overflow-y:hidden; 

} 
-2

można spróbować 2 rzeczy:

CSS: Wrap kalendarz w div

div id{ 
overflow:hidden 
} 

JS:

$('#calendar').height($(window).height()); 

Powinien rozwiązać problem.

+0

quesiton jak można dodać pasek przewijania, kiedy to po obu wersji tabletu lub telefonu? –

0

Możesz spróbować rozszerzyć szerokość kalendarza, aby pasek przewijania zniknął z prawej strony okna ekranu, a następnie ustawić overflow-x: hidden dla elementu zawierającego.

0

Spróbuj tego:

$(document).ready(function() { 
    $('#calendar').fullCalendar({ 
     height: 300, 
     contentHeight: 360, 
    }); 
}); 

Te 300 i 360 są przykładem, można ustawić je na cokolwiek chcesz natomiast idea pozostaje taka sama ..

6

ustawić wysokość i contentHeight do ta sama wartość i wydaje się, że udało się to.

CSS:

#calendar { 
    height:1000px; 
} 

JS:

var calHeight = 1000; 

$('#calendar').fullCalendar({ 
    height:calHeight, 
    contentHeight:calHeight 
}); 

Edit:

znalazłem na odświeżeniu między widokami, spowodowało to, aby pokazać zwój kiedy nie chcę go do . dodanych w tym:

.fc-scroller { 
    overflow-y: hidden !important; 
} 
0

skończyło się za pomocą nowszej wersji, który rozwiązał problem

0

W fullcalendar wersji 2.7.1 może być ustalona komentując linie z wywołania funkcji, która ustawia przelewów :

this.applyOverflow(); 

są 2 funkcje wywołanie tej funkcji: jasne (wokół linii 8855) i render (wokół linii 8843)

0
$('.fullCalendar').fullCalendar({ 
       aspectRatio: 1.605, -> this works for me 
+1

Ta odpowiedź może być poprawna, ale pomogłoby Ci wyjaśnić, dlaczego jest ona poprawna. –