2012-09-14 14 views
7

Ho il calendario completo jquery in uso, ma sto cercando di sbarazzarmi della barra di scorrimento. Ive ha provato a impostare l'altezza, non funziona.Jquery Calendario completo Rimuovi barra di scorrimento

Chiunque ha una correzione (che hanno usato !, nessun collegamento- Ho provato la maggior parte di loro)?

sto usando:

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

Screen Shot

pagina è abbastanza grande, basta cant ottenere l'aggeggio per andare!

risposta

1

Creta un div contenente il calendario e poi mettere nel css overflow-y:hidden;overflow-y:hidden;

div class="container-calendar" 

.container-calendar { 

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

} 
-2

Si potrebbe provare 2 cose:

CSS: Wrap Calendar in div

div id{ 
overflow:hidden 
} 

JS:

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

dovrebbe risolvere il problema.

+0

Quesiton come si dovrebbe aggiungere la barra di scorrimento quando si trova sia sul tablet o versione del telefono? –

0

Si può provare a espandere la larghezza del calendario per rendere la barra di scorrimento fuori dal lato destro della finestra, e quindi impostare di overflow-x: hidden per l'elemento che contiene.

0

Prova questo:

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

Questi 300 e 360 ​​sono un esempio, È possibile impostare a tutto ciò che vuoi, mentre l'idea rimane la stessa ..

6

ho impostato altezza e contentHeight a lo stesso valore e sembra aver fatto il trucco.

css:

#calendar { 
    height:1000px; 
} 

JS:

var calHeight = 1000; 

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

Edit:

ho trovato su di aggiornamento tra le viste, causato per mostrare di scorrimento quando io non voglio che . Aggiunto questo:

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

ho finito per usare la versione successiva che ha risolto il bug

0

In fullcalendar versione 2.7.1 Questo può essere risolto commentando le linee con la chiamata alla funzione che imposta i trabocchi :

this.applyOverflow(); 

ci sono 2 funzioni di chiamata questa funzione: chiaro (intorno alla linea 8855) e render (intorno alla linea 8843)

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

Questa risposta potrebbe essere corretta, ma sarebbe di aiuto se hai spiegato perché è corretta. –

Problemi correlati